.vv-slideshow {
    position: relative;
}

.vv-slideshow__frame {
    display: grid;
}

.vv-slideshow--wave .vv-slideshow__frame {
    -webkit-mask-image: url("/images/slideshow-wave-mask.svg");
    mask-image: url("/images/slideshow-wave-mask.svg");
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: top center;
    mask-position: top center;
}

.vv-slideshow__slide {
    grid-area: 1 / 1;
    margin: 0;
    opacity: 0;
    transition: opacity 600ms ease;
    line-height: 0;
}

.vv-slideshow__slide.is-active {
    opacity: 1;
    z-index: 1;
}

.vv-slideshow__slide picture {
    display: block;
    width: 100%;
    height: 100%;
}

.vv-slideshow__slide img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
}

.vv-slideshow__dots {
    position: absolute;
    left: 50%;
    bottom: 18px;
    display: flex;
    gap: 8px;
    width: 100%;
    max-width: 1400px;
    padding: 0px;
    justify-content: flex-start;
    transform: translateX(-50%);
    z-index: 1000;
}

@media (max-width: 1470px) {
    .vv-slideshow__dots {
    padding-left: 20px;
    }
}



.vv-slideshow__dot {
    width: 10px;
    height: 10px;
    padding: 0;
    border: 1px solid #ffffff;
    background: transparent;
    cursor: pointer;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.35);
}

.vv-slideshow__dot.is-active {
    background: #ffffff;
}