header > img.initial {
    animation: fadeOut backwards;
    animation-timeline: --tracked-elem;
    animation-range: entry 0% entry 180vh;
    visibility: hidden;
    width: 500px;
    max-width: 100vw;
    transform: rotateZ(var(--angle));
}

header > img.final {
    position: fixed;
    animation: fadeIn backwards;
    animation-timeline: --tracked-elem;
    animation-range: entry 0% entry 180vh;
    visibility: visible;
    max-height: 100vh;
    max-width: 100vw;
    width: 100vw;
    object-fit: contain;
}

section {
    display: flex;
    flex-direction: column;
    margin: auto;
    view-timeline: --tracked-elem;
    max-width: 42rem;
    position: relative;
    padding-top: 200vh;
    margin-top: 100vh;
}