:root{--image-padding:clamp(0rem, 3vw, 2rem)}#header-image{position:relative;width:100%;height:clamp(4rem,30vh,350px);display:flex;flex-direction:row;justify-content:end;align-items:end;overflow:hidden;flex-wrap:wrap-reverse;padding:var(--image-padding) clamp(0rem,4vw,5.5rem) var(--image-padding) var(--image-padding)}#header-image h1{--translate:clamp(20%, 40vw, 50%);position:absolute;bottom:0;left:var(--translate);transform:translateX(calc(var(--translate) * -1));font-family:Audiowide,"Segoe UI","Arial Black",Impact,sans-serif;white-space:wrap;font-weight:700;font-size:clamp(1.5rem, 3vw, 2rem);background-color:#f3f6fb;backdrop-filter:blur(6px);padding:.5rem 3rem .5rem 1rem;border-radius:.5rem}#header-image .header-image{display:block;height:100%;max-height:100%;max-width:calc(100dvw - 2 * var(--image-padding));object-fit:contain;margin-block:auto;flex-grow:0}#header-image .header-image img{display:block;height:auto;max-height:100%;width:auto;max-width:100%;object-fit:contain}@media (max-width:768px){#header-image h1{right:4rem;left:0;transform:none}}