#section1{
    border-bottom:5px solid rgba(0,0,0,0.80);
    background-position:center !important;
    background-size:auto,cover !important;
}
#section2{
    border-bottom:5px solid rgba(0,0,0,0.80);
    background:url(./assets/noise.png) repeat,url(./assets/about_cover2.png) no-repeat;
    background-position:center !important;
    background-size:auto,cover 
}
#sect1Content, #sect2Content{
    display:inline-flex;
    flex-direction:column;
    align-items:center;
    gap: 4vw;
    margin:auto;
    margin-top: 12vw;
    margin-bottom: 12vw;
}
#sect1Content > h1, #sect2Content > h1 {
    color:rgba(255,255,255,0.80);
    font-weight:400;
    margin-bottom:0;
    margin-top: 0;
    font-size: 14vw;
    width: 90%;
}
#sect1Content > h2, #sect2Content > h2{
    color:rgba(255,255,255,0.80);
    font-family:RobotoCondensed;
    font-weight:400;
    margin-top:0;
    margin-bottom:0;
    width: 90%;
    font-size: 8vw;
}
#sect2Content > h1{
    color:rgba(0, 0, 0, 0.8);
}
#sect2Content > h2{
    color:rgba(0, 0, 0, 0.8);
}

@media not screen and (min-width: 1000px) and (min-aspect-ratio: 1/1) {
    #section1{
        background:url(./assets/noise.png) repeat,url(./assets/about_cover1_mb.png) no-repeat;
    }
}

@media screen and (min-width: 1000px) and (min-aspect-ratio: 1/1) {
    #section1{
        background:url(./assets/noise.png) repeat,url(./assets/about_cover1.png) no-repeat;
    }
    #sect1Content, #sect2Content{
        margin-top: 6vh;
        margin-bottom: 6vh;
        gap: 3vh;
    }
    #sect1Content > h1, #sect2Content > h1 {
        font-size: 15vh;
        width: 120vh;
    }
    #sect1Content > h2, #sect2Content > h2 {
        font-size: 6vh;
        width: 150vh;
    }
}