<a class="hero-click" href="https://ministryofjapan.com/geisha/what-does-it-mean-to-be-a-geisha-who-is-a-geisha/">
<!-- optional html content. background is clickable without it -->
The Shocking Truth Behind Japan's Geishas
I was wondering if it would be possible to make this more responsive – I have trouble with displaying this on small phone screens. Would it be somehow possible to move the .hero-content below the background image on mobile?