:host *{box-sizing:border-box}:host{display:block;padding:var(--fds-spacing-const-container-canvas-reg) var(--fds-spacing-const-container-canvas-reg)0;margin-bottom:24px}.container{position:relative;height:300px;border-radius:var(--fds-round-const-media-thumb-reg);background-color:var(--fds-alternate-surface);overflow:hidden}img{position:absolute;height:100%;top:50%;translate:50% -50%;pointer-events:none}.content{position:relative;width:288px;height:100%;padding:var(--fds-spacing-const-container-canvas-lg);display:flex;flex-direction:column;gap:var(--fds-spacing-const-gap-v-section);background:var(--fds-alternate-overlay-variant)}.heading{width:224px;display:flex;flex-direction:column;justify-content:flex-end;gap:var(--fds-spacing-const-density-reg);flex:1}.heading h2{width:400px;color:var(--fds-on-alternate-surface-hi);font:var(--fds-paragraphs-lead);margin:0}.heading p{color:var(--fds-on-alternate-surface-hi);font:var(--fds-headline-regular);margin:0}.cta{margin-bottom:24px;--libfds-spinner-border-top-color:var(--fds-on-btn-accent)}@container (min-width:712px){img{height:400px}.content{width:380px}.content>div:first-child{width:auto}.container{border-radius:var(--fds-round-const-media-thumb-lg)}}@container (min-width:1024px){img{height:500px}.content{width:500px}.content p{font:var(--fds-headline-lead)}}