.loaded body{
    overflow-y: hidden;
}
.loaded .header {
    text-align: right;
    position: absolute;
    right: 0;
    transform: translateY(0px);
}

.loaded main {
    display: grid;
    grid-template-rows: repeat(2,1fr);
    height: 200vh;
}
.loaded main section:nth-of-type(1){
    display: grid;
    justify-content: center;
    align-content:center;
}
.loaded main section:nth-of-type(1) img{
    width: 700px;
    max-width: 70vw;
    opacity: 1;
}
@media (max-width: 731px) {
    .loaded main section:nth-of-type(1) img{
        width: 70vw;
        max-width: 70vw;
    }
}
.loaded main section:nth-of-type(2){

}

.loaded .background.bg-image{
    opacity: 20%;

}