section{
    min-height: 60lvh;
}
scribby-mascot{
    margin-top: -6rem;
}
.container{
    max-width: 1080px;
    width: 100%;
    padding: 0px 1.25rem;
    margin: 0 auto;
    position: relative;
}

@media (max-width: 1080px){
    scribby-mascot{
        --mascot-width: 18rem;
        --mascot-height: auto;
        width: 18rem;
        height: auto;
        aspect-ratio: 450 / 395;
        margin: -6rem auto 0
    }

    scribby-mascot canvas{
        display: block;
    }
}
@media (max-width: 500px){
    scribby-mascot{
        --mascot-width: 100%;
        --mascot-height: auto;
        width: 100%;
        height: auto;
        aspect-ratio: 450 / 395;
    }
}