@media (max-width: 767px) { /* Stack the text titles and hide the messy absolute images */ #image-1, #image-2, #image-3, #image-4, #image-5 { position: relative !important; /* Stop them from flying everywhere */ display: none; /* Hide them initially to clean up the mess in image_78abf4.jpg */ width: 90% !important; margin: 10px auto !important; opacity: 1 !important; transform: rotate(2deg) !important; /* Keep a slight right tilt */ } /* When the user TAPS the title, the image appears directly below it */ #title-1:active + #image-1, #title-1:focus + #image-1 { display: block !important; } }