.carousel {
    display: flex;
    overflow: auto;
    scroll-snap-type: x mandatory; /* <- the important piece */
    margin-bottom: 0.6rem;
}
.carousel .item {
    flex-shrink: 0;
    scroll-snap-align: start; /* <- the other important piece */
}

.rating-edit-active {
    border: black solid;
    border-width: 0.1rem;
}