* {
    margin: 0;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 20%;

}

body {

    background-color: blueviolet;

}

main {
    display: flex;
    flex-direction: column;
    gap: 0;
    width: 100vw;
    justify-content: center;
    align-items: center;
    & .button3 {

        max-width: 20vh;
      
        margin-right: 1px;
        background: rgb(245, 245, 240);
        border-radius: 30px;
        justify-content: center;
        align-items: center;
      
        margin-top: 450px;
        color: #ce3a00;
        box-shadow: 0 0 0 7px rgb(141, 240, 128),
            0 0 10px #fff,
            0 0 100px #fff;
        font-weight: bold;
        font-size: 1em;
    }



}

.container {
    width: 120%;
    height: 70px;


}

.carrossel {
    width: 120%;
    display: block;
    position: absolute;
}

.img {
    width: 200px;
    height: 100px;
    display: block;
    position: absolute;
    left: 90%;
    animation: autorun 15s linear infinite;
    animation-delay: calc(60 / var(--quantity) * var(--delay));
    cursor: pointer;

}

.img img {
    width: 100%;



}

@keyframes autorun {

    from {
        left: 100%;


    }

    to {
        left: -30px;
    }


}