/* styles.css */

/* Styles to place images behind text */
.background-image {
    position: absolute; /* Position images absolutely */
    top: 0; /* Align them to the top */
    left: 0; /* Align them to the left */
    z-index: 1; /* Set a lower z-index for the images */
    width: 100%; /* Set width to 100% */
    height: auto; /* Maintain aspect ratio */
    opacity: 0.1; /* Make the images semi-transparent */
}

.position-relative {
    position: relative; /* Make the parent container relative */
}

.fade-up {
    position: relative; /* Ensure text is above the image */
    z-index: 2; /* Ensure the text stays above the image */
}