body {  display: flex;
    flex-direction: column;
    align-items: center;  
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 14px;
    background-image: url('sea2.jpg');
    background-size: cover;      /* Fill the entire screen */
    background-position: center; /* Keep image centered */
    background-repeat: no-repeat;
    background-attachment: fixed;
    color: navy;
    box-sizing: border-box;  
}

h1 { 
    
    color: blue;
    background-color: #C7E77D;
    width: 400px;
    margin: 50px auto;
    padding: 10px;   
    
}
.image-gallery {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    width: 80%;
   
}

.image-gallery img {
    width: 100%; 
   
}