.slideshow-container {
display: flex;
width: 100%;
margin-bottom: 20px;
gap: 1rem;
}

.mySlides {
display: none;
}

.mySlides img {
width: 100%;
max-height: 26rem;
aspect-ratio: 3/4;
cursor: pointer;
}

@media screen and (max-width: 749px){
.mySlides img {
    max-height: 13rem !important;
    max-width: 150px !important;
    }

    .slideshow-container {
    overflow: scroll;
}
}

@media screen and (min-width: 750px){
.slideshow-container {
    overflow: hidden;
    justify-content: center;
    }
}