* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    overflow: hidden;
}

.background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: contain;
    object-fit: cover;
}

.contact {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    color: rgba(255, 255, 255, 0.75);
    font-family: sans-serif;
    text-align: center;
}

/* Media query for screens smaller than 768px */
@media (max-width: 767px) {
    .background {
        background-size: 50%; /* Adjust the value according to your preference */
    }
}

/* Media query for screens between 768px and 991px */
@media (min-width: 768px) and (max-width: 991px) {
    .background {
        background-size: 80%; /* Adjust the value according to your preference */
    }
}

/* Media query for screens between 992px and 1199px */
@media (min-width: 992px) and (max-width: 1199px) {
    .background {
        background-size: 100%; /* Adjust the value according to your preference */
    }
}

/* Media query for screens larger than 1200px */
@media (min-width: 1200px) {
    .background {
        /* You can keep the original styles for larger screens */
    }
}