.image-element .custom-image{aspect-ratio:16/9;height:auto;width:100%}.image-element .custom-image.--contain{aspect-ratio:auto;max-height:calc(100vh - 3.5625rem - 40px)}.image-element .custom-image.--graphic{background-color:var(--surface);max-width:100%;padding:10px;width:auto}@container (width > 720px){.image-element figcaption{border-left:8px solid var(--highlight);padding-left:1rem}}@media screen and (width >= 640px){.image-element .custom-image.--contain{max-height:396px}.image-element .custom-image.--graphic{padding:20px}.image-element figure:has(.custom-image.--contain){align-items:center;display:flex;flex-direction:column;justify-content:center}}@container labora (min-width: 0px){.image-element .custom-image.--contain{max-height:calc(100vh - 3.25rem - 40px)}@media screen and (width >= 640px){.image-element .custom-image.--contain{max-height:396px}}}