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

.full-screen-bg {
    background-image: url('my_image.jpg'); /* Replace with your image path */
    background-repeat: no-repeat; /* Prevents image repetition */
    background-position: center center; /* Centers the image */
    background-size: cover; /* Scales the image to cover the entire element */
    height: 100vh; /* Ensures the element takes full viewport height */
    width: 100vw; /* Ensures the element takes full viewport width */
    position: fixed; /* Keeps the background fixed even with scrolling content */
    top: 0;
    left: 0;
    z-index: -1; /* Places the background behind other content */
}