body, html {
    height: 100%;
}

.parallax0, .image-container0 {
    background-image: url("/home/images/site/meeting.png");
}
.parallax1, .image-container1 {
    background-image: url("/home/images/site/web-team.jpg");
}
.parallax2, .image-container2 {
    background-image: url("/home/images/site/lang.png");
}
.parallax3, .image-container3 {
    background-image: url("/home/images/site/us-capital.jpg");
}
.parallax4, .image-container4 {
    background-image: url("/home/images/site/woman-on-phone.png");
}
.parallax0, .image-container0,
.parallax1, .image-container1,
.parallax2, .image-container2,
.parallax3, .image-container3,
.parallax4, .image-container4 {
    background-size: cover;
}

.parallax0, 
.parallax1, 
.parallax2, 
.parallax3, 
.parallax4 {
    min-height: 600px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
}

/* 
    CUTOUT TEXT
*/

.image-container0,
.image-container1, 
.image-container2, 
.image-container3, 
.image-container4 {
    position: relative;
}
.cutout-text0,
.cutout-text1,
.cutout-text2,
.cutout-text3,
.cutout-text4 {
    background-color: white;
    color: black;
    font-size: 10vw; /* Responsive font size */
    font-weight: bold;
    margin: 0 auto; /* Center the text container */
    padding: 10px;
    width: 90%;
    text-align: center; /* Center text */
    position: absolute; /* Position text */
    top: 50%; /* Position text in the middle */
    left: 50%; /* Position text in the middle */
    transform: translate(-50%, -50%); /* Position text in the middle */
    mix-blend-mode: screen; /* This makes the cutout text possible */
    opacity: 0.9;
    border-radius: 8px;
}