body {
    /* background-image: url('../bg.jpeg');  */
    background-repeat: no-repeat;
    background-size: 100% 100%;
     min-height: 100vh;
    overflow: hidden;
}

body, html {
    margin: 0;
    padding: 0;
    height: 100%;
    }

.container {
position: relative;
width: 100vw;  
height: 100vh; 
overflow: hidden; 
}

img {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}

.text-container {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
padding: 20px;
box-sizing: border-box;  
}


.text-pos1, .text-pos2, .text-pos3, .text-pos4 {
position: absolute;
font-size: 1.5vw;  
color: rgb(255, 255, 255);
}

.text-pos1 {
top: 24%;  
left: 8%; 
}

.text-pos4 {
top: 60%;  
left: 70%; 
font-size: 3vw; 
}

.text-pos2 {
top: 80%;  /* Position based on viewport height */
left: 3%; /* Position based on viewport width */
}

.text-pos3 {
top: 20%;  /* Position based on viewport height */
left: 90%; /* Position based on viewport width */
font-size: 3vw; 
}