body, html {
    height: 100%; /* Ensures both html and body take the full height of the viewport */
    margin: 0; /* Removes default browser margin */
    padding: 0; /* Removes default browser padding */
}

body {
    /* The image used, replace 'img_girl.jpg' with your image URL/path */
    background-image: url("wellnesta.jpg");

    /* Center the image horizontally and vertically */
    background-position: center;

    /* Prevent the image from repeating */
    background-repeat: no-repeat;

    /* Scale the image to cover the entire container (viewport) */
    background-size: cover;

    /* Keep the background fixed during scrolling (optional, but a common practice) */
    background-attachment: fixed;
}