.kg-sectie--cta {
overflow-x: clip;
}
.kg-cta--reeks {
max-width: none;
}
@media (min-width: 62em) {
.kg-cta--reeks {
display: grid;
grid-template-columns: minmax(0, 38rem) clamp(16rem, 30vw, 28rem);
justify-content: space-between;
align-items: end;
gap: var(--wp--preset--spacing--40);
}
}
.kg-cta__reeks {
margin: 0 0 calc(-1 * var(--kg-lucht));
}
.kg-reeks {
position: relative;
display: block;
aspect-ratio: 820 / 1040;
pointer-events: none;
--kg-schaal: 1.34;
--kg-stap: 28;
--kg-spoor: 1;
}
.kg-reeks__frame {
position: absolute;
inset: 0;
display: block;
opacity: 0;
}
.kg-reeks__frame img {
display: block;
width: calc(100% * var(--kg-schaal, 1));
max-width: none;
height: auto;
margin-inline: calc((100% - 100% * var(--kg-schaal, 1)) / 2);
margin-top: calc((var(--kg-schaal, 1) - 1) * -126.83%);
}
.kg-reeks__frame[data-frame="0"] {
opacity: 1;
}
.kg-reeks__frame--grijs {
filter: grayscale(1) brightness(0.7);
}
@media (max-width: 61.999em) {
.kg-cta__reeks {
margin-inline: auto calc(-1 * var(--wp--preset--spacing--30));
width: min(86%, 17rem);
}
.kg-reeks {
--kg-stap: 0;
--kg-spoor: 0;
}
}