main{
   position: relative;    
   height: 100vh;
}

.foto-wrapper { 
   height: 100%;   
} 

.foto { 
   width: 100%; 
   min-height: 50vh;
   max-height: 100%;    
   overflow: hidden; /* verberg gecropte delen */ 
} 
   
.foto img { 
   width: 100%; 
   height: 50vh;    
   object-fit: cover; /* geen vervorming */ 
   object-position: top; 
   display: block;
}

.center-wrapper { 
   position: fixed; 
   inset: 0; /* top:0; right:0; bottom:0; left:0 */ 
   display: flex; 
   justify-content: center; /* horizontaal centreren */ 
   align-items: center; /* verticaal centreren binnen de wrapper */    
   pointer-events: none; /* optioneel: laat klikken door naar de pagina */ 
} 

.center-text { 
   color: #026dff;
   pointer-events: none; /* zodat je niet op de tekst kunt klikken */    
   font-size: clamp(24px, 5vw, 40px);
   background: rgba(255, 255, 255, 0.6); /* half transparant wit */
   padding: 1rem 2rem; 
   border: 10px solid #026dff;
   border-radius: 8px; 
   box-shadow: 0 4px 10px rgba(0,0,0,0.15); 
}

@media screen and (min-width: 480px) {

    .desktop{
        display: inline;
    }

    .gsm{
        display: none;
    }
}