.gallery {
    height: 100%;
    padding: 0;
    gap: 0;
}

.gallery img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    flex-shrink: 0;
    scroll-snap-align: center;
    aspect-ratio: 4/3;
}

.fragrance-carousel {
    gap: 5px;
    padding: 0px 5px;
    max-width: 800px;
}

.fragrance-carousel .fragrance {
    margin-left: unset;
    margin-right: unset;
}

@media (min-width: 1200px) {
    .gallery img {
        height: 100%;
    }
}