@keyframes shrink-logo {
    from {
        height: 8rem;
    }
    to{
        height: 100%;
    }
}

#logo{
    --_size: 100%;
    height: 100%;
    margin: 0;
    object-fit: contain;

    animation: shrink-logo both;
    animation-timeline: scroll();
    animation-range: 0px 300px;
}