body{
    margin:0;
    overflow-x:hidden;
    }
    
    .scroll-container{
    display:flex;
    }
    
    .panel{
    position:relative;
    min-width:100vw;
    height:100vh;
    overflow:hidden;
    }
    
    .panel img{
    width:100%;
    height:100%;
    object-fit:cover;
    transform:scale(1);
    }
    
    .panel-text{
    position:absolute;
    bottom:12%;
    left:8%;
    
    color:white;
    font-size:clamp(40px,6vw,120px);
    font-family:'American Typewriter', serif;
    
    opacity:0;
    transform:translateY(60px);
    }

    .home{
    position:fixed;
    top:30px;
    left:30px;
    z-index:10;
    background-color: black;
    border: none;
    color: aliceblue;
    }

    .home:hover{
        background-color: transparent;
        border: 1px solid rgb(24, 24, 24);
        color: rgb(24, 24, 24);
    }
    
    /* MOBILE VERSION */

    @media (max-width:768px){

        .scroll-container{
        display:block;
        }
        
        .panel{
        width:100vw;
        height:100vh;
        }
        
        .panel img{
        width:100%;
        height:100%;
        object-fit:cover;
        display:block;
        }
        
        /* show text without GSAP */
        
        .panel-text{
        opacity:1;
        transform:none;
        
        font-size:10vw;
        bottom:15%;
        left:8%;
        }
        
        /* smaller home button */
        
        .home{
        top:20px;
        left:20px;
        }
        
        }