.slider-section {
    padding-right: 1.25rem;
}
.photo-slider {
    position: relative;
    display: flex;
    flex-direction: row;
    gap: 1.25rem;
    list-style: none;
    flex-wrap: no-wrap;
    width: 100%;
    overflow: scroll;
    -ms-overflow-style: none; /* for Internet Explorer, Edge */
    scrollbar-width: none; /* for Firefox */
    overflow-y: scroll; 
}

.slides-container {
    position: relative;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin-top: 2rem;
}
.photo-slider::-webkit-scrollbar {
    display: none;
}
.photo-slider img {
    aspect-ratio: 1 / 1;
    -o-object-fit: cover;
       object-fit: cover;
    width: 20rem;
    -webkit-animation-name: fade-in;
            animation-name: fade-in;
    opacity: 0;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-animation-duration: 0.2s;
            animation-duration: 0.2s;
}

.photo-slider li {
    transition: all ease 0.25s;
}
.next-button {
    display: none;
    position: absolute;
    left: -2rem;
    top: calc(50% - 2rem);
    width: 4rem;
    aspect-ratio: 1;
    border-radius: 50%;
    cursor: pointer;
    outline: 0;
    border: 0;
    background: transparent;
}
.next-button svg {
    width: 100%;
    height: auto;
}
@media only screen and (min-width: 48rem) {
    .slider-section-container {
        display: flex;
        flex-direction: row;
        flex-wrap: no-wrap;
    }
    .next-button {
        display: block;
    }

    .slides-text-container {
        min-width: 450px;
        margin-right: 2rem;
    }

    .slides-container {
        margin-top: 0;
    }
}

@media only screen and (min-width: 62rem) {
    .slides-text-container {
        max-width: 30rem;
    }
}