.dynamic-content{--transition:all 500ms ease-in-out;--section-height:auto;display:flex;gap:var(--spacing-24x);justify-content:space-between}.dc-images-wrapper{display:none;flex:1 1 60%;position:relative}.dc-images{height:var(--section-height);opacity:0;position:sticky;top:16vh;transition:var(--transition);width:100%;&[data-state=visible]{opacity:1}}.dc-image{height:100%;inset:0 0 auto auto;opacity:0;position:absolute;transition:var(--transition);&[data-state=visible]{opacity:1}& img{border-radius:var(--radius-lg);display:block;height:100%;object-fit:cover;width:100%}}.dc-sections{display:flex;flex:1 1 40%;flex-direction:column;gap:48px}.dc-section{display:flex;flex-direction:column;height:var(--section-height);justify-content:center;opacity:1;transition:var(--transition);&[data-state=visible]{opacity:1}}.dc-section__image{border-radius:var(--radius-lg);display:block;height:auto;margin-bottom:var(--spacing-8x);max-height:300px;object-fit:cover;width:100%}.dc-section__title{margin-bottom:var(--spacing-4x)}.dc-section__list{margin:var(--spacing-4x) 0 0}.dc-section__btn{margin-top:var(--spacing-6x)}@media (min-width:1024px){.dynamic-content{--section-height:74vh}.dc-sections{gap:none}.dc-section{opacity:.3}.dc-images-wrapper{display:block}.dc-section__image{display:none}}@media (min-width:640px){.dc-section__image{max-height:400px}}