.under-construction {
    background: url('/images/construction.png') no-repeat center center;
    background-size: 100% 100%; /* stretches both width and height */
    height: calc(100vh - 148px);
    width: 100vw;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-top: 100px;
}

.message {
    position: relative;
    z-index: 1;
    background-color: rgba(255, 255, 255, 0.85);
    padding: 2rem;
    border-radius: 8px;
    max-width: 600px;
    text-align: center;
}

    .message h1 {
        font-size: 2.5rem;
        margin-bottom: 1rem;
        color: #333;
    }

    .message p {
        font-size: 1.2rem;
        color: #555;
    }