.frame.graphic{display:grid;grid-template-areas:var(--simple-grid);grid-template-columns:1fr;grid-template-rows:max-content max-content auto;--simple-grid:var(--start) var(--center) var(--end);--start:"title";--center:"description";--end:"graphic";background-color:#d3d3d3;border-radius:20px;grid-auto-flow:row;height:100%;--below-image:1;background-repeat:no-repeat;justify-content:start;overflow:hidden}.frame-title{grid-area:title;z-index:var(--above-image)}.frame-description{grid-area:description;z-index:var(--above-image)}.frame-body{display:flex;flex-direction:column;grid-area:graphic;height:100%;justify-content:center}.frame-graphic>*{display:block;max-height:var(--graphic-height)}@media only screen and (min-width:980px){.frame.banner.graphic{grid-template-areas:unset;grid-template-columns:[start] 1fr [center] 1fr [end];grid-template-rows:[start] max-content [center] 1fr [end];--title-column:start/center;--title-row:start/center;--description-column:start/center;--description-row:center/end;--graphic-column:center/end;--graphic-row:start/end}.frame.banner>.frame-title{grid-column:var(--title-column);grid-row:var(--title-row)}.frame.banner>.frame-description{grid-column:var(--description-column);grid-row:var(--description-row)}.frame.banner>.frame-body{grid-column:var(--graphic-column);grid-row:var(--graphic-row)}}