Update index.html

index.html

@@ -4,7 +4,8 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>GIF Arka Plan</title>
+
+    <title>GIF</title>
 
     <style>
         * {
@@ -13,34 +14,39 @@
             box-sizing: border-box;
         }
 
-        html, body {
+        html,
+        body {
             width: 100%;
             height: 100%;
             overflow: hidden;
+            background: #000;
         }
 
         body {
-            background: #000 url("https://i.pinimg.com/originals/2d/80/d7/2d80d7455e67ca45cdbef867634aff98.gif")
-                        center center
-                        / cover
-                        no-repeat;
+            display: flex;
+            align-items: center;
+            justify-content: center;
         }
 
-        /* İçerik buraya gelecek */
-        .content {
-            position: relative;
-            z-index: 2;
-            width: 100%;
-            height: 100%;
+        .gif {
+            width: 70vw;
+            height: 70vh;
+
+            max-width: 100%;
+            max-height: 100%;
+
+            object-fit: contain;
         }
     </style>
 </head>
 
 <body>
 
-    <div class="content">
-    </div>
+    <img
+        class="gif"
+        src="https://i.pinimg.com/originals/2d/80/d7/2d80d7455e67ca45cdbef867634aff98.gif"
+        alt="GIF"
+    >
 
 </body>
 </html>
-