body, html {
    margin: 0;
    padding: 0;
    height: 100%;
    overflow: hidden; /* Prevents scrolling if image slightly exceeds viewport */
}

img {
    max-width: 100%;   /* Ensures the image does not exceed the browser width */
    height: auto;      /* Maintains the aspect ratio */
    display: block;    /* Removes extra space below the image */
    width: 100vw;      /* Optional: ensures it takes the full width of the viewport */
    object-fit: cover; /* Optional: crops the image to cover the entire space without distortion */
}