body{font-family:Arial,sans-serif;margin:0;padding:0}.container{display:grid;grid-template-areas:"banner banner" "index content";grid-template-columns:200px 1fr;grid-template-rows:auto 1fr;height:100vh}.banner{grid-area:banner;background-color:#f0f0f0;padding:20px;text-align:center}.index{grid-area:index;background-color:#e0e0e0;padding:20px}.content{grid-area:content;background-color:#fff;padding:20px;overflow-y:scroll}.content-section{margin-bottom:20px}.image-container{display:flex;justify-content:space-around;margin-top:10px}.image-box{width:45%;border:1px solid #ccc;border-radius:10px;overflow:hidden}.image-box img{width:100%;height:auto;display:block}#torus-container{width:100%;height:300px}@media (max-width: 768px){.container{grid-template-areas:"banner" "index" "content";grid-template-columns:1fr;grid-template-rows:auto auto 1fr}.image-container{flex-direction:column}.image-box{width:100%;margin-bottom:10px}}