.sr-two-col-10 .column-media {
order: 1;
        width: 100%;
        overflow: hidden;
        line-height: 0;
        position: relative;
        display: flex;
}

.sr-two-col-10 .column-media > * {
        flex: 1 1 auto;
        width: 100%;
}

.sr-two-col-10 .column-media img,
.sr-two-col-10 .column-media .sr-video,
.sr-two-col-10 .column-media .sr-video div,
.sr-two-col-10 .column-media video {
   height: 100% !important;
        width: 100%;
        object-fit: cover;
}

.sr-two-col-10 .column-content {
	 order: 2;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
}

.sr-two-col-10 .column-content > div {
	width: 100%;
  padding: clamp(30px, 3vw, 60px);
}

@media (max-width: 767.98px) {
        .sr-two-col-10 .column-media {
                height: clamp(180px, 50vw, 320px);
        }
}

@media (min-width: 768px) {
        .sr-two-col-10 .column-media,
        .sr-two-col-10 .column-content {
                order: initial;
        }
        .sr-two-col-10 .column-content {
                flex: 0 0 60%;
                max-width: 60%;
        }
        .sr-two-col-10 .column-media {
                flex: 0 0 40%;
                max-width: 40%;
                clip-path: polygon(8% 0, 100% 0, 100% 100%, 0 100%);
        }
        .sr-two-col-10 .media-media_left .column-media {
                clip-path: polygon(0 0, 100% 0, 92% 100%, 0 100%);
        }

@media (min-width: 992px) {
	.sr-two-col-10 .column-content > div {
                max-width: 640px;
                margin-inline: 0;
                padding: clamp(24px, 2.25vw, 36px);
        }
}