section#sec_info {
    min-height: calc(100vh - 50px);

    & .sectionContent {
        flex-direction: row;
        justify-content: center;
    }
}

#movingLogoContainer {
    position: relative;
    overflow: hidden;
    user-select: none;
    /*border: 1px solid red;*/
    height: 60vh;
    border-radius: 50%;
    aspect-ratio: 1 / 1;
    /* use CSS variables calculated in JavaScript */
    --rotate-x: 0deg;
    --rotate-y: 0deg;
    perspective: 50px;
    perspective-origin: center;

    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05);

    transition: all var(--theme-transition-time) ease-in-out;
}

@media (orientation: portrait) {
    #movingLogoContainer {
        border-radius: 20px;
    }
}

#movingLogo {
    /*border: 1px solid red;*/
    height: 60vh;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 70% 80%;
    background-image: url(../images/adler_logo_frayed.svg);

    transform: rotateX(var(--rotate-x)) rotateY(var(--rotate-y));
    transform-style: preserve-3d;
    transition: transform 1.5s cubic-bezier(0.05, 0.5, 0, 1);
    will-change: transform;
}