            
            h1 {
                font-size: xx-large;
                position: fixed;
                top: 10px;
                left: 10px;
            }

            body {
                display: flex;
                justify-content: center; 
                align-items: center; 
                height: 100vh; 
                margin: 0; 
                font-family: Arial, Helvetica, sans-serif;
                font-weight: lighter;
                color: black;           
            }
           
            .page-header {
                width: 200px; 
                height: 100px;
                left: 5vw;
                background-image: url('Housestyle/Logo_ontwerpstudioKIES.png'); 
                background-size: contain;
                background-repeat: no-repeat;
                background-position: center;
                text-indent: -9999px; 
                border: none;
                background-color: transparent;
                transition: background-image 0.2s ease-in-out; 
                z-index: 1000;
            }
            
            .page-header:hover {
                background-image: url('Housestyle/Logo_ontwerpstudioKIES_inverted.png'); 
                background-color: transparent; 
            }
          
            .center-content {
                display: flex;
                justify-content: center;
                align-items: center;
                height: 100vh; 
                width: 100vw;  
                box-sizing: border-box;
            }
            
            .image-container-wrapper {
                position: relative;
                width: 100vw;
                height: 100vh;
                cursor: pointer;
            }
            
.image-container {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    transition: opacity 0.8s ease; /* fade speed */
    opacity: 1;
}

            .image-container.fade-out {
    opacity: 0;
}
            

            .image-container-wrapper:hover .image-container {
                opacity: 1; 
                filter: none; 
            }
                        
            body {
                transition: background-color 0.5s ease; 
            }
                        
