diff --git a/src/pages/gen/event.astro b/src/pages/gen/event.astro
index 4a6e69b..39fb455 100644
--- a/src/pages/gen/event.astro
+++ b/src/pages/gen/event.astro
@@ -24,15 +24,17 @@ const topics = [
         crossorigin
 />
 </head>
-<body class="bg-black text-white font-mono font-['DM Mono Regular Latin']">
+<body class="bg-gray-900 text-white font-mono font-['DM Mono Regular Latin']">
 
-    <div class="w-full">
-        <div class="w-[760px]">
-            <div class="">
-                <div class="aspect-[2/3] w-[760px] h-[1140px] relative">
-                    <img src="/logo.svg" class="absolute top-10 left-10 w-1/3" />
+    <div class="w-full flex flex-wrap gap-10 p-10">
+        <div>
+            <div class="mb-4 text-xl text-green-500">Poster (3:2)</div>
+            
+            <div class="w-[764px] border-2 border-green-500">
+                <div id="img-poster" class="aspect-[2/3] w-[760px] h-[1140px] relative bg-black">
+                    <img src="/logo.svg" class="absolute top-10 left-10 w-1/3 z-10" />
 
-                    <img src="/gen-img/events/summit01.png" class="absolute top-20 left-0 -z-10" />
+                    <img src="/gen-img/events/summit01.png" class="absolute top-20 left-0 -z-0" />
 
                     <div class="absolute bottom-80 left-10 uppercase text-2xl">
                         <div class="border-2 border-white py-2 px-4 border-b-0 inline-block bg-black">
@@ -54,6 +56,15 @@ const topics = [
                 </div>
             </div>
         </div>
+        <div>
+            <div class="mb-4 text-xl text-green-500">Square (1:1)</div>
+
+            <div class="w-[404px] border-2 border-green-500">
+                <div id="img-square" class="aspect-square w-[400px] relative bg-black">
+                    <img src="/logo.svg" class="absolute top-10 left-10 w-1/3" />
+                </div>
+            </div>
+        </div>
     </div>
 
 </body>
