.banner-elastic {
    display: flex;
    height: 400px; /* Adjust the height as needed */
}

.text-column-el {
    background-color: #00354e;
    color: #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: center;
padding: 20px; /* Add padding around the text column */
    padding-left: 20px; /* Additional left padding */
    padding-right: 20px; /* Additional right padding */
    flex: 1; /* Equal width for both columns */
}

.image-column-el {
    flex: 1; /* Equal width for both columns */
}

.image-column-el img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensure the image covers the column without distortion */
}

.banner-elastic .button {
    margin-top: 20px; /* Space between the headline and the button only in this banner */
    display: inline-block; /* Prevent stretching */
    padding: 5px 10px; /* Add padding to the button */
    color: white; /* Ensure the button text is visible */
    border-radius: 5px; /* Optional: rounded corners */
}
	 
/* Media Query for Mobile Devices */
@media (max-width: 768px) {
    .banner-elastic {
        flex-direction: column; /* Stack elements vertically */
        height: auto; /* Allow height to adjust based on content */
    }

    .text-column-el, .image-column-el {
        flex: none; /* Reset flex properties */
    }

    .image-column-el img {
        height: auto; /* Allow image to maintain aspect ratio */
    }
}