.carousel {
    position: relative; 
    margin: 1rem 0!important; 
    width: 50%; 
    height: 39rem;
    max-width: 30rem;
}
.carousel ul {
    overflow: auto; 
    display: flex; 
    flex-wrap: nowrap; 
    scroll-snap-type: x mandatory; 
    scroll-snap-points-y: repeat(100%); 
    scroll-behavior: smooth; 
    -ms-overflow-style: none; 
    scrollbar-width: none; 
    margin: 0!important; 
    padding: 0; 
    cursor: grab; 
    user-select: none; 
    height: 100%;
    width: calc(100% - 2.25rem);
    padding-bottom: 2rem;
}
.carousel ul.grabbing {cursor: grabbing; scroll-snap-type: none;}
.carousel ul::-webkit-scrollbar {display: none; /* Hide scrollbar for Chrome, Safari and Opera */} 
.carousel ul li {
    position: relative; 
    min-width: 100%; 
    list-style: none; 
    background: url() center center / cover no-repeat; 
    scroll-snap-align: start; 
    pointer-events: none; 
    display: flex; 
    flex-direction: column; 
    justify-content: flex-end;
    font-size: 1.66rem;
    line-height: 1.3;
}
.carousel ul li .author {
    font-size: 1rem;
}
.carousel ol {position: absolute; bottom: 0; display: flex; justify-content: flex-start; margin: 0!important;}
.carousel ol li {list-style: none; padding: 0; padding-right: 10px;}
.carousel ol li a {display: block; height: 11px; width: 11px; border: 2px solid #d2ff96; background: #06103C; border-radius: 100%; overflow: hidden; color: transparent; transition: none;}
.carousel ol li.selected a {border-color: #06103C!important; background: #d2ff96;}
.carousel .prev, .carousel .next {
    user-select:none; 
    cursor: pointer; 
    width: 1rem;
    height: 1rem;
    position: absolute; 
    bottom: 0; 
    left: 0;
    z-index: 9; 
    line-height: 0;
    background: url(/img/next.svg) center center / contain no-repeat;
    border: 0;
    color: transparent;
    transform: scaleX(-1);
    border-radius: 0;
    display: none;
}
.carousel .next {
    margin-left: 2rem;
    transform: scaleX(1);
}

@media (max-width: 600px) {
    .carousel {
        width: 100%;
        height: auto;
    }
    .carousel ul {
        width: 100%;
    }
}