diff --git a/.idea/workspace.xml b/.idea/workspace.xml
index ced6587..73520b1 100644
--- a/.idea/workspace.xml
+++ b/.idea/workspace.xml
@@ -12,7 +12,6 @@
   <component name="ChangeListManager">
     <list default="true" id="f0e1128e-d3f4-4b56-88a7-ef7c80dc164c" name="Default Changelist" comment="">
       <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/src/Controller/DefaultController.php" beforeDir="false" afterPath="$PROJECT_DIR$/src/Controller/DefaultController.php" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/templates/default/index.html.twig" beforeDir="false" afterPath="$PROJECT_DIR$/templates/default/index.html.twig" afterDir="false" />
     </list>
     <option name="SHOW_DIALOG" value="false" />
@@ -199,7 +198,7 @@
       <option name="number" value="Default" />
       <option name="presentableId" value="Default" />
       <updated>1684327639044</updated>
-      <workItem from="1684327640262" duration="9102000" />
+      <workItem from="1684327640262" duration="10322000" />
     </task>
     <servers />
   </component>
@@ -221,6 +220,10 @@
     <option name="ADD_EXTERNAL_FILES_SILENTLY" value="true" />
   </component>
   <component name="WindowStateProjectService">
+    <state x="644" y="204" width="631" height="628" key="find.popup" timestamp="1684529041936">
+      <screen x="0" y="0" width="1920" height="1036" />
+    </state>
+    <state x="644" y="204" width="631" height="628" key="find.popup/0.0.1920.1036@0.0.1920.1036" timestamp="1684529041936" />
     <state x="623" y="226" width="672" height="678" key="search.everywhere.popup" timestamp="1684331173305">
       <screen x="0" y="0" width="1920" height="1036" />
     </state>
diff --git a/templates/default/index.html.twig b/templates/default/index.html.twig
index 5a0b3b9..b923328 100644
--- a/templates/default/index.html.twig
+++ b/templates/default/index.html.twig
@@ -14,13 +14,21 @@
             font: 18px/1.5 sans-serif;
         }
 
+        figure{
+            max-height: 422px;
+            max-width: 479px;
+            overflow: auto;
+            padding: 0;
+            margin: 5px;
+        }
         .example-wrapper img {
             width: 100%;
             float:left;
+            min-height: 422px;
         }
         .example-wrapper strong {
             float: left;
-            margin-top: -4em;
+            margin-top: -3em;
             position: relative;
             padding: 0.5em;
             background: rgba(0, 0, 0, .7);
@@ -35,12 +43,17 @@
         }
         a{
             float:left;
-            width: 50%;
         }
         a:hover strong{
             color: #ddd;
             background: rgba(0, 0, 0, .7);
         }
+        img {
+            max-width: 90vw;
+            margin-right: 1em;
+            /*margin-bottom: 1em;*/
+            /*width: 600px;*/
+        }
     </style>
 
     <div class="example-wrapper">
@@ -76,11 +89,6 @@
 
     </div>
     <style>
-        img {
-            max-width: 90vw;
-            margin-right: 1em;
-            margin-bottom: 1em;
-            width: 600px;
-        }
+
     </style>
 {% endblock %}