.carousel {
    position: relative;
    /* width: 70%; */
    overflow: hidden;
    border-radius: 10px;
    margin: 20px auto;
}
.carousel-images {
    display: flex;
    transition: transform 0.5s ease-in-out;
    /* width: 800%; 8 images */
}
.carousel-images img {
    /* width: 12.5%; 100% / 8 images */
    border-radius: 10px;
}
.carousel-buttons {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    transform: translateY(-50%);
}
.button {
    background-color: rgba(255, 255, 255, 0.7);
    border: none;
    padding: 10px;
    cursor: pointer;
    border-radius: 5px;
}