.jumbo {
	
}
.jumbo_image {
    position: relative;
    width: 100%;
    overflow: hidden; /* Ensure the pseudo-element doesn't overflow */

}

.jumbo_image img {
    width: 100%;
    max-height: 575px;
    object-fit: cover;
    position: relative;
    display: block;
}

.jumbo_image::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, #01010196 100%);
    z-index: 1; /* Place the pseudo-element on top */
}

.text-overlay {
    position: absolute;
    top: 50%; /* Center vertically */
    left: 50%; /* Center horizontally */
    transform: translate(-50%, -50%); /* Center the container */
    text-align: center; /* Align text within the container */
    color: white; /* Text color */
    z-index: 2; /* Ensure text is on top of the gradient */
}

.line1 {
    color: #ffffff;
    font-size: 80px;
    font-weight: 500;
}

.line2 {
    color: #ffffff;
    font-size: 40px;
    font-weight: 300;
}

@media (max-width:768px) {
    .jumbo_image img {
        min-height: unset;
        max-height: unset;
    }
.line1 {
    font-size: 50px;
}

.line2 {
    font-size: 20px;
}
}