.image-wrapper {
    position: relative;
    overflow: hidden;
}

.image-wrapper img, .prettyvideo {
    filter:
        brightness(0.95)
        contrast(1.1)
        saturate(1.15);
    height: 100%;
    max-width: 100%;
}

.img-desc {
    position: absolute;
    bottom: 2rem;
    font-size: 2rem;
    color: white;
    width: 100%;
    z-index: 1;
    font-weight: 100;
}

.card {
    border: 1px solid #dee2e6 rgba(0, 0, 0, 0.175);
    border-radius: 0.375rem;
}

/*.image-wrapper::after {
    content: "";
    position: absolute;
    inset: 0;
    background: hsl(45deg 100% 51% / 20%);
    pointer-events: none;
} */

.to-details:hover img {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.15);
    transform: scale(1.05);
    z-index: 2;
    transition: opacity 0.25s ease;
    cursor: pointer;
}



.gallery-scroll {
    scroll-snap-type: x mandatory; /* optional, feels nice */
    -webkit-overflow-scrolling: touch;
}

.gallery-scroll > div {
    scroll-snap-align: start;
}

.gallery-scroll img {
    /*height: 180px;*/
    width: 100%;
    object-fit: cover;
}
.gallery-scroll::-webkit-scrollbar {
    display: none;
}

.gallery-scroll {
    scrollbar-width: none;
}


.gallery-scroll {
scroll-behavior: smooth;
scrollbar-width: none; /* Firefox */
}

.gallery-scroll::-webkit-scrollbar {
display: none; /* Chrome */
}

/* Buttons */
.gallery-btn {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 10;

background: rgb(255 255 255 / 60%);
color: black;
border: none;

width: 40px;
height: 40px;
border-radius: 50%;

font-size: 22px;
cursor: pointer;
}

.left-btn {
left: 10px;
}

.right-btn {
right: 10px;
}

.gallery-btn:hover {
background: rgba(0,0,0,0.8);
}