.frame-type-logocarousel_logocarousel {
    overflow: hidden;
}


.logo-rotor .scene {
    position: relative;
    width: 500px;
    height: 100px;
    perspective: none;
    margin: 10px auto;
    transform-style: preserve-3d;
    pointer-events: none;
}

.logo-rotor .rotor {
    width: 100%;
    height: 100%;
    position: absolute;
    transform-style: preserve-3d;
}

.logo-rotor .rotor__cell {
    position: absolute;
    width: 500px;
    height: 280px;
    background-size: contain;
    background-position: 50%, 50%;
    background-repeat: no-repeat;
    background-origin: content-box;
    pointer-events: auto;
    top:-70px
}

.logo-rotor .controls {
    margin-top: 250px;
}

@media (min-width: 576px) {
    .logo-rotor .scene {
        transform: rotateX(-5deg);
        perspective: 2000px;
        margin: 40px auto;
    }

    .logo-rotor .rotor__cell {
        top: 10px;
    }

    .logo-rotor {
        height: 300px;
    }
}