.videoBlock {
    padding: calc(var(--padding-tb)*2) 0;
}

.videoBlock__ratio {
    padding: 47.96% 0 0 0; /* 9/16 * 100 ≈ 56.25% for standard, 47.96% for your original */
    position: relative;
    margin-top: 0 !important;
}

.videoBlock__ratio iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.videoBlockText {
    width: 313px;
    rotate: 352.5deg;
}

.videoBlockText p {
    font-family: "Freescript", "cursive";
    color: var(--color-red);
    font-style: italic;
    font-size: 40px;
    font-weight: 400;
    line-height: 0.875;
    margin: 0
}

.videoBlockText svg {
    margin-left: 55%;
}

/* phones */
@media (max-width: 568px) {
    .videoBlock {
    margin: calc(var(--padding-tb)*2) 0;
    }

    .videoBlock__ratio {
        margin: calc(var(--padding-tb)*2) 0;
    }

    .videoBlockText {
        margin: 0 calc(var(--padding-lr)*1);
    }

    .videoBlockText p {
        width: 300px;
    }
}

@media (max-width: 1024px) {
    .videoBlock__ratio {
        margin: 0 0;
    }
}