/* Reset default margin and padding */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Ensure full viewport height */
html, body {
    height: 100%;
}

/* Style for the image section */
.image-section {
    width: 100%; /* Full width of the viewport */
    background-color: #f0f0f0; /* Background color (optional) */
    overflow: hidden; /* Prevents image from overflowing its container */
    display: flex; /* Use flexbox for centering */
    justify-content: center; /* Center content horizontally */
    align-items: center; /* Center content vertically */
}

/* Image styling */
.image-section img {
    width: 100%; /* Ensure image fills its container horizontally */
    height: auto; /* Allow image height to adjust proportionally */
    display: block; /* Remove extra space below image */
}