
### Full logo

<div style={{position: 'relative', display: 'flex', justifyContent: 'center', alignSelf: 'center', width: '100%', maxWidth: '800px', margin: '0 auto'}}>
<img
    src="/s/pages/media-assets-logo-full.svg"
    alt="logo-full.svg"
    style={{width: '100%', height: 'auto', maxHeight: '450px', borderRadius: '8px', objectFit: 'cover', objectPosition: 'top'}}
  />
</div>

### Full logo green

<div style={{position: 'relative', display: 'flex', justifyContent: 'center', alignSelf: 'center', width: '100%', maxWidth: '800px', margin: '0 auto'}}>
<img
    src="/s/pages/media-assets-gymnasia-green.svg"
    alt="gymnasia-green.svg"
    style={{width: '100%', height: 'auto', maxHeight: '450px', borderRadius: '8px', objectFit: 'cover', objectPosition: 'top'}}
  />
</div>

### Icon

<div style={{position: 'relative', display: 'flex', justifyContent: 'center', alignSelf: 'center', width: '100%', maxWidth: '800px', margin: '0 auto'}}>
<img
    src="/s/pages/media-assets-logo-black.svg"
    alt="logo-black.svg"
    style={{width: '100%', height: 'auto', maxHeight: '450px', borderRadius: '8px', objectFit: 'cover', objectPosition: 'top'}}
  />
</div>

### Full logo colorful

<div style={{position: 'relative', display: 'flex', justifyContent: 'center', alignSelf: 'center', width: '100%', maxWidth: '800px', margin: '0 auto'}}>
<img
    src="/s/pages/media-assets-logo-green-dark.svg"
    alt="logo-green-dark.svg"
    style={{width: '100%', height: 'auto', maxHeight: '450px', borderRadius: '8px', objectFit: 'cover', objectPosition: 'top'}}
  />

</div>

Media Assets

Full logo

Full logo green

Icon

Full logo colorful