<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>HTML Art</tit<style>body,html{margin:0;padding:0;height:100%;width:100%}#wrapper{display:flex;justify-content:center;align-items:center;height:100%}#container{width:100vmin;height:100vmin}.cube{background-image:url('https://i.imgur.com/kT6YXlN.jpg');background-size:cover;background-repeat:no-repeat;display:inline-block;position:relative;overflow:hidden}.inner-cube{width:50%;height:50%}#instruction{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:24px;font-family:sans-serif;color:white;text-shadow:1px 1px 2px black}</style></head><body><div id="wrapper"><div id="container" class="cube"><div id="instruction">Tap the screen</div></div></div><script>function createSubCubes(parent){for(let i=0;i<4;i++){const subCube=document.createElement('div');subCube.classList.add('cube','inner-cube');if(i%2===1){subCube.style.right=0}if(i>=2){subCube.style.bottom=0}subCube.addEventListener('click',onCubeClick);parent.appendChild(subCube)}}function onCubeClick(event){event.stopPropagation();const cube=event.target;const instruction=document.getElementById('instruction');if(instruction){instruction.remove()}if(cube.children.length===0){createSubCubes(cube)}}document.getElementById('container').addEventListener('click',onCubeClick);</script></body></html>