.contact-form{max-width:800px;container:contactForm / inline-size;padding-top:var(--spacing-2xl);.contact-form__heading {display: flex; gap: var(--spacing-lg); .contact-form__heading--text {display: flex; flex-direction: column;} h1 {margin-bottom: 0;} img {align-self: flex-start; width: clamp(64px,20vw,16cqw);}} .contact-form__form {display: flex; flex-direction: column; label {padding-bottom: var(--spacing-xs);} input,textarea {fill: var(--surface-invert); border: 1px solid var(--brand-blue); border-radius: var(--radius-sm); padding: var(--spacing-sm) var(--spacing-md); margin-bottom: var(--spacing-md);} button {margin-top: var(--spacing-lg);}}}.contact-form__address{display:flex;flex-direction:column;justify-content:center;margin-bottom:var(--spacing-2xl);h3 {margin-top: 0;} address {display: flex; flex-direction: column; gap: var(--spacing-md);}}.contact-form__image{justify-self:end;margin-bottom:var(--spacing-2xl);height:320px;width:320px;object-fit:cover}@container contactForm (max-width: 600px){.contact-form{.contact-form__heading {flex-direction: column-reverse; gap: var(--spacing-xs); img {align-self: flex-end;}}}}@media screen and (max-width: 768px){.contact-form__image{justify-self:unset;margin-bottom:0;height:auto;width:100%}}