.hero-fallback { position: relative; width: 100%; height: 100vh; background: url('/assets/art-fallback.jpg') center/cover no-repeat; background-color: #000; } .hero-fallback .hero-overlay { position: absolute; top: 100px; left: 0; right: 0; z-index: 1; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; text-align: left; padding: 0.2rem; padding-left: clamp(1rem, 5vw, 4rem); width: 100%; max-width: 100%; margin: 0; box-sizing: border-box; background: rgba(0, 0, 0, 0.05); } .hero-fallback .hero-social { position: absolute; left: 0; right: 0; bottom: 20px; z-index: 2; display: flex; justify-content: center; padding: 0 1rem 1.25rem; box-sizing: border-box; }

Orest Manetsky

Multimedia Artist | Developer.

Orest Manetsky

Multimedia Artist