.gallery-avix {
  display: grid;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  grid-auto-rows: minmax(100px, auto); /* Set a minimum height for rows */
}
/*
.gallery img {
  max-width: 100%;
  border-radius: 8px;
  box-shadow: 0 0 16px #333;
  transition: all 1.5s ease;
}
 */

.gallery-avix img {
 width: 250px; 
    height: 200px; 
    object-fit: contain; 

  border-radius: 8px;
  box-shadow: 0 0 16px #333;
  transition: all 1.5s ease;
}

.gallery-avix img:hover {
  box-shadow: 0 0 32px #333;
}
.gallery-avix .content {
  padding: 4px;
}
.gallery-avix .gallery-item-avix {
  transition: grid-row-start 300ms linear;
  transition: transform 300ms ease;
  transition: all 0.5s ease;
  cursor: pointer;
}
.gallery-avix .gallery-item-avix:hover {
  transform: scale(1.025);
}
@media (max-width: 600px) {
  .gallery-avix {
    grid-template-columns: repeat(auto-fill, minmax(40%, 1fr));
  }
  
  .gallery-avix img {
  max-width: 100%;
  border-radius: 8px;
  box-shadow: 0 0 16px #333;
  transition: all 1.5s ease;
}
}
@media (max-width: 400px) {
  .gallery-avix {
    grid-template-columns: repeat(auto-fill, minmax(50%, 1fr));
  }
}