.bg-overlay-img{
    background-position: right center;
    background-repeat: no-repeat;
    background-size: cover;
    color: var(--secondary-color);
    width: 100%;
    height: 75vh;
    position: relative;
    z-index: 10;
}

.bg-content {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 30px;
    word-break: break-all;
}

.bg-content h2{
    font-size: 44px !important;
    font-weight: 800;
}

iframe{
    width: 100%;
    height: 400px;
}

@media screen and (max-width: 500px) {
    iframe {
        height: 200px;
    }
}