.sliderHeroImages {
    width: 100%;
    height: 100%;
    position: relative;
}

.sliderHeroImages .swiper-wrapper{
    height: 100vh;
}

.caption-hero-slide {
    display: flex;
    flex-direction: column;
    gap: 45px;
    position: absolute;
    top: 0;
    height: 100vh;
    width: 100%;
    background: #00000042;
    left: 0;
}