body, html {
    margin: 0;
    padding: 0;
    height: 100%;
    font-family: Arial, sans-serif;
}

.background-image {
    background-image: url('hetg.webp');
    background-size: cover; /* Ensures the image covers the whole div */
    background-position: center; /* Centers the image */
    background-repeat: no-repeat; /* Prevents repeating of the image */
    height: 100vh; /* Full viewport height */
    display: flex; /* Enables flexbox */
    align-items: center; /* Vertically centers the text */
    justify-content: center; /* Horizontally centers the text */
}

.centered-text {
    color: white; /* Text color */
    font-size: 2em; /* Text size */
    text-align: center; /* Centers text within the div */
    padding: 20px; /* Optional padding */
    background-color: rgba(0, 0, 0, 0.5); /* Optional background color with transparency */
    border-radius: 8px; /* Optional rounded corners */
}