.logo {
    position: absolute;
    transform-origin: center;
    transition: all 0.5s ease-out;
    /*margin-left: 30vw;*/
}

img {
    max-width: 100%;
    height: auto;

}

/* Initial state */
.logo {
    opacity: 1;
    transform: scale(0.3);
}

/* Animation classes */
.logo.growing {
    animation: growAndFade 2s ease-in-out forwards;
}


@keyframes growAndFade {
    0% {
        transform: scale(5);
        opacity: 1;
    }


    100% {
        transform: scale(1);
        opacity: 0.2;
    }
    100% {
        transform: scale(1);
        opacity: 0;
    }
}