.carrousel{
    height: 13.2vh;
    background-color: var(--Primario);
    display: flex;
    overflow-x: hidden;
    width: 100vw;

}

.carrousel::-webkit-scrollbar{
    display: none;
}

.group{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1em;
    animation: spin 10s infinite linear;
}

.carrousel:hover .group{
    animation-play-state: paused;
}

.element{
    
    flex: 0 0 5em;
    margin: auto;
    padding-right: 80px;
    border: none;
    background-color: transparent;
    align-content: center;
}
.element img{
    height: 8vh;
}

@keyframes spin{
    from{translate: 0;}
    to {translate: -100%;}
}

@media(max-width : 768px){
    .element{
        padding-right: 40px;
    }
    .element img{
        height: 5.21vh;
    }
}