.element.herovideo-container {
    display: flex;
    justify-content: space-between;

    &.herovideo-container-alignment-top {
        align-items: flex-start;
    }

    &.herovideo-container-alignment-center {
        align-items: center;
    }

    &.herovideo-container-alignment-bottom {
        align-items: flex-end;
    }

    .herovideo-video {
        width: 49%;
        height: auto;
        order: 2;
        outline: none;
    }

    .herovideo-content {
        width: 49%;
        order: 3;

        &.herovideo-content-position-right {
            order: 1;
        }
    }
}

@media screen and (max-width: 2560px) {
    .element.herovideo-container {

    }
}

@media screen and (max-width: 1920px) {
    .element.herovideo-container {

    }
}

@media screen and (max-width: 1200px) {
    .element.herovideo-container {

    }
}

@media screen and (max-width: 850px) {
    .element.herovideo-container {
        flex-direction: column;
        align-items: flex-start !important;
        gap: 20px;

        .herovideo-video {
            width: 100%;
        }

        .herovideo-content {
            width: 100%;
        }
    }
}