.connect {
    width: 100%;
}

.connect .subheading {
    color: var(--color-white);
}

.connect-image {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
}

.connect-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
    object-position: right center;
}

.connect-content {
    width: 100%;
    position: relative;
    z-index: 2;
}

.connect-form {
    padding: 25px;
    background: var(--color-white);
    border-radius: 8px;
    margin-top: 20px;
}

.connect-form iframe {
    border: 0;
    width: 100%;
    height: 300px;
    display: block;
    margin-top: 40px;
    border-radius: 8px;
}

@media screen and (min-width: 768px) {
    .connect-content {
        max-width: 700px;
        font-size: 18px;
    }

    .connect-subtitle {
        margin-bottom: var(--py-section-small);
    }

    .connect-form {
        margin-bottom: 0;
        margin-top: var(--py-section-less);
    }
}