/* Remove default margin on body */
body, html {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    overflow: hidden; /* Prevents scrolling */
}

/* Full-screen container */
#mainContainer {
    display: flex;
    height: 100vh;
    width: 100vw;
    justify-content: center;
    align-items: center;
}

/* Stretch image to cover the container */
#mainContainer img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensures image scales to cover the container */
}