.image-gallery {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
}
.image-container-prop {
  border: dashed 2px rgba(var(--bg-secondary), 0.5);
  position: relative;
  border-radius: 5px;
  width: 15rem;
  height: 10rem;
  overflow: hidden;
}
.gallery-image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.3s ease;
}
.image-container-prop:hover .gallery-image {
  transform: scale(1.1);
}
@media (max-width: 576px) {
.image-container-prop {
    width: auto;
    height: 10rem;
}
}