<style>
 body {
            text-align: center;
            font-family: Arial, sans-serif;
        }
    .carousel-container {
        position: relative;
        max-width: 183px;
        margin: auto;
    }

    .carousel {
        position: relative;
        height: 295px;
        overflow: hidden;
    }

    .carousel a {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        transition: opacity 0.8s ease-in-out;
        opacity: 0;
        z-index: 0;
    }

    .carousel img {
        width: 100%;
        height: auto;
        object-fit: cover;
    }

    .buttons {
        text-align: center;
        margin-top: 2px;
    }

    button {
        padding: 5px 10px;
        margin: 3px;
        cursor: pointer;
    }
</style>