.welcome-container{
    width: 100%;
    height: 400px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;

    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
/* .welcome-container::after {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.533);
} */
.welcome-container h1,p{
    color: white;
    position: relative;
    z-index: 2;
    width: 85%;
    text-align: start;
}
.welcome-container h1{
    font-size: 55px;
}
.welcome-container p{
    font-size: 25px;
}
.welcome-container .button{
    width: 85%;
    display: flex;
    justify-content: start;
    position: relative;
    z-index: 2;
    margin-top: 20px;
}
    .welcome-container .button button {
        padding: 10px;
        width: 200px;
        cursor: pointer;

        background: none;
        color: white;
        border: 1px solid;
    }
        .welcome-container .button button:hover {
            color:black; 
            background:white;
        }
        @media(max-width:780px ) {
            .welcome-container h1 {
                font-size: 30px;
            }

            .welcome-container {
                min-height: 280px !important;
                height: 280px;
                justify-content: end;
             
                padding: 20px;
            }
                .welcome-container h1, p {
                    width:100%;
                }
                    .welcome-container p {
                font-size: 15px;
            }

            .welcome-container .button button {
                width: 120px;

            }
                .welcome-container .button {
                    width:95%;
                }
                }