.mySwiper {
    position: relative; 
}

swiper-slide {
    background-size: cover;
    background-position: center;
}

.mySwiper {
    height: 80%;
    width: 100%;
}

.mySwiper2 {
    height: 30%;
    box-sizing: border-box;
}

.mySwiper2 {
    position: absolute;
    bottom: -14%;
    left: 0;
    width: 100%;
    z-index: 10; /* make sure it’s on top */
    display: flex;
    align-items: center;
}

.mySwiper2 swiper-slide {
    /* width: 25%;
    height: 100%; */
    /* opacity: 0.5; */
    opacity: 1;
    cursor: pointer;
}

.mySwiper2 .swiper-slide-thumb-active img {
    border: 7px solid #A71930; 
    box-sizing: border-box;
}