neovan-website/routes/components/rotating_logo.neovan

<@html>
    <div id="rotatingLogo">
        <img class="rotateable" src="/assets/logo.svg" alt="NeoVan logo">
        <img class="textLogo" src="/assets/logo_text.svg" alt="NeoVan logo text">
    </div>
<@/html>

<@style>
    #rotatingLogo{
        display: flex;
        max-width: 100%;
    }

    .rotateable{
        max-width: 250px;
    }

    .textLogo{
        max-width: 100%;
    }

    .rotateable{
        animation: rotate 3600s linear infinite;
    }

    @keyframes rotate{
        from{transform: rotate(0deg);}
        to{transform: rotate(360deg);}
    }

    @media screen and (max-width: 800px){
        #rotatingLogo{
            flex-direction: column;
            align-items: center;
        }
    }
<@/style>