.articleBlock{display: flex;}
.articleBlock {
    min-height: 525px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    flex-flow: initial;
    column-gap: 80px;
    padding: calc(var(--section-offset) / 2) 0 !important;
    border-top: 1px solid var(--border-color);
}
.articleBlock:first-child {margin-top: calc(var(--section-offset) / 2);}
.articleBlock:last-child {margin-bottom: calc(var(--section-offset) / 2);border-bottom: 1px solid var(--border-color);}
.articleBlock:nth-child(even) {
    flex-direction: row-reverse;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-left: 0px;
    padding-right: 0;
}
.articleBlock__mediaContent {
    display: flex;
    position: relative;
    width: 50%;
    transform: none;
    min-width: 36.8%;
    max-width: 700px;
    max-height: 700px;
    margin-right: 0;
    flex: 0 0 50%;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.07);
}
.articleBlock__content {flex: 1 1 auto;}
.articleBlock__mediaContent a{display: flex}
.articleBlock__mediaContent img{max-width: 100%;transition: .3s ease}
.articleBlock__playButton{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80px;
    height: 80px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}
.articleBlock__playButton svg {
    width: 40px;
    height: 40px;
    fill: #ffffff;
}

@media (max-width: 1152px) {
    .articleBlock {min-height: 420px;}
}
@media (max-width: 1024px) {
    .articleBlock {min-height: 305px;}
}
@media (max-width: 854px) {
    .articleBlock {min-height: 248px;}
}
@media (max-width: 800px) {
    .articleBlock {
        -webkit-box-align: start;
        -ms-flex-align: initial;
        align-items: start;
    }
}
@media (max-width: 720px) {
    .articleBlock, .articleBlock:nth-child(even) {min-height: 0;flex-direction: column;}
    .articleBlock__mediaContent {width: calc(100% + var(--left-right-offset) * 2);flex: auto;margin: 0 calc(var(--left-right-offset) * (-1));}
    .articleBlock__content {margin-top: 2em;}
}
@media (hover: hover) {
    .articleBlock__mediaContent:hover .articleBlock__playButton {
        transform: translate(-50%, -50%) scale(1.1);
    }
    .articleBlock__mediaContent:hover img{filter: brightness(0.8);}
}