.responsive-bg-image {
    background-size: cover;
    background-position: center;
    height: 360px;
    border-radius: 10px;
}

@media (min-width: 576px) {
    .responsive-bg-image {
        height: 480px;
    }
}

@media (min-width: 768px) {
    .responsive-bg-image {
        height: 480px;
    }
}

@media (min-width: 992px) {
    .responsive-bg-image {
        height: 520px;
    }
}

@media (min-width: 1200px) {
    .responsive-bg-image {
        height: 640px;
    }
}

.content-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}