body{margin:0;padding:0;font-family:Arial,sans-serif;background-color:#000;height:100%;display:flex;justify-content:center}#canvas{width:100vw;height:100vh;background-color:#f0f0f0;display:flex;position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;justify-content:center;align-items:center}[data-webgl]{background-color:red;opacity:0}section{width:300px;height:200px;margin-left:100px;margin-top:100px}img{display:block;width:1000px;height:700px;margin-left:100px;margin-top:100px;margin-inline:auto}article{position:absolute;right:0;top:50%;width:300px;height:200px;margin-left:560px;margin-top:100px}