:root {--section-padding-block: 6rem;--wrapper-padding-inline: 2rem;}

.mainpage__banner__content:nth-child(2) { padding-block: var(--section-padding-block); }
.mainpage__banner__content > img { width: 100%; height: 100%; object-fit: cover; position: relative; object-position: center center; }
@media (min-width: 992px) {
.mainpage__banner__content { --mainpage__banner__padding__inline { padding-inline: 1rem; } display: grid; grid-template-columns: minmax(var(--section-padding-block), 1fr) minmax( 0, 528px ) minmax(0, 862px) minmax(var(--section-padding-block), 1fr); margin-inline: auto; position: relative; } .mainpage__banner__content img:first-child { grid-column: 1 / 3; } .mainpage__banner__content img:last-child { grid-column: 3 / -1; } .mainpage__banner__content > :not(img) { padding: var(--section-padding-block); align-content: center; } .mainpage__banner__content > :not(img):first-child { grid-column: 2 / 3; } .mainpage__banner__content > :not(img):last-child { grid-column: 3 / 4; } .mainpage__banner__content > :not(img)::before { content: ""; position: absolute; background: inherit; inset: 0; } .mainpage__banner__content > :not(img):first-child::before { grid-column: 4 / 5; } .mainpage__banner__content > :not(img):last-child::before { grid-column: 1 / 2; } .mainpage__banner__content:nth-child(2) { grid-template-columns: minmax(var(--section-padding-block), 1fr) minmax( 0, 862px ) minmax(0, 528px) minmax(var(--section-padding-block), 1fr); }
		
}
@media screen and (max-width:960px) {.mainpage__banner__content > :not(img) { padding: var(--wrapper-padding-inline); }}