.image-gallery {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(200px, 1fr));
    justify-content: center;
    padding: 4px;
    border-radius: 10%;
  }

  .box {
      flex-basis: 25%;
      width: 100%;
      padding: 10px;
      margin: 2px;
      border-radius: 10%;
  }

  .img-gallery {
	width: 100%;
    height: 200px;
    object-fit: cover;
    transform: scale(1);
    transition: all 0.3s ease-in-out;
    border-radius: 10%;
  }
  
  .img-gallery img:hover {
    transform: scale(1.05);
}