body{background-color:#0a0a0a;height:100vh;margin:0;overflow:hidden}#gallery{height:140vmax;width:140vmax;position:absolute}.tile{border-radius:1vmax;position:absolute;transition:transform .8s ease}.tile:hover{transform:scale(1.1)}.tile:hover>img{opacity:1;transform:scale(1.01)}.tile>img{height:100%;width:100%;object-fit:cover;border-radius:inherit;opacity:0;transition:opacity .8s ease,transform .8s ease}.tile:nth-child(1){background-color:#ffee58;height:14%;width:20%;left:5%;top:5%}.tile:nth-child(2){background-color:#42a5f5;height:24%;width:14%;left:42%;top:12%}.tile:nth-child(3){background-color:#ef5350;height:18%;width:16%;left:12%;top:34%}.tile:nth-child(4){background-color:#66bb6a;height:14%;width:12%;left:45%;top:48%}.tile:nth-child(5){background-color:#ab47bc;height:16%;width:32%;left:8%;top:70%}.tile:nth-child(6){background-color:#ffa726;height:24%;width:24%;left:68%;top:8%}.tile:nth-child(7){background-color:#3f51b5;height:16%;width:20%;left:50%;top:74%}.tile:nth-child(8){background-color:#8d6e63;height:24%;width:18%;left:72%;top:42%}.tile:nth-child(9){background-color:#fafafa;height:10%;width:8%;left:84%;top:84%}