/* Make the image cover the entire page */
.image-container {
    position: fixed; /* Ensures the image stays fixed to the viewport */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Pushes it to the background behind other content */
}

.image-container img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensures the image scales without distortion */
    opacity: 0.7; /* Adjust the transparency level (0 = fully transparent, 1 = fully opaque) */
}