div.carousel {
    position: relative;
    width: 100%;
    overflow: hidden;
    display: grid;
    grid-template-columns: 10% 80% 10%;
    button {
        box-sizing: border-box;
        width: 100%;
        height: 100%;
        border: #EBEBEB solid 1px;
        color: #FFFFFF;
        background-color: #5E5E5E55;
    }
    div.carousel-figures {
        position: relative;
        width: 100%;
        border: #EBEBEB solid 1px;
        figure {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            display: flex;
            flex-direction: column;
            margin: 0;
            padding: 0;
            img {
                width: 100%;
                object-fit: scale-down;
            }
            figcaption {
                box-sizing: border-box;
                width: 100%;
                text-align: center;
                padding: 1em;
            }
        }
    }
}