.zoom {
    transition: transform 0.4s, filter 0.5s ease-in-out;
    transform-origin: center center;
}

.zoom:hover {
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    filter: brightness(110%);
}

.my-gallery {
  display: block;
  width: 100%;
}

.my-gallery img {
  width: 100%;      /* scale to column width */
  height: auto;     /* keep aspect ratio */
  border-radius: 8px;
  cursor: pointer;
  object-fit: cover; /* optional: crops instead of distorts */
}

#thumbnail-carousel {
    white-space: nowrap;
    overflow-x: auto;
    padding: 10px 0;
}
.carousel-thumb {
    transition: all 0.2s ease;
}
.carousel-thumb:hover {
    opacity: 0.85;
    border: 2px solid #007bff;
}
#thumbnail-carousel::-webkit-scrollbar {
    height: 8px;
}
#thumbnail-carousel::-webkit-scrollbar-thumb {
    background: #555;
    border-radius: 4px;
}

.selected-file{
    color: white;
}