update

oge-dev · May 25, 2024 · 3167da7 · 3167da7
1 parent 1084ac4
commit 3167da7
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 13 deletions.
diff --git a/css/style.css b/css/style.css
@@ -167,10 +167,6 @@ header .header-wrapper {
   flex-direction: row;
   align-items: center;
 }
-.enjoy-text {
-  /* width: 552px;
-  height: 162px; */
-}
 
 .enjoy-text h1 {
   font-size: 3rem;
@@ -185,31 +181,32 @@ header .header-wrapper {
 
 @keyframes tv {
   0% {
-    background-image: url("../img/website_medium.jpg");
+    background-image: url("../img/movies/movies2.jpg");
   }
-
   25% {
-    background-image: url("../img/kid.png");
+    background-image: url("../img/movies/movies4.jpg");
   }
-
   50% {
-    background-image: url("../img/website_medium.jpg");
+    background-image: url("../img/movies/black-adam.jpg");
   }
 
+  75% {
+    background-image: url("../img/movies/lift.jpg");
+  }
+
   100% {
-    background-image: url("../img/mobile-0819.jpg");
+    background-image: url("../img/movies/spider.jpg");
   }
 }
 .tv-content{
   padding-left: 0.375rem;
   z-index: 1;
 }
-
 .tv-content img {
   width: 546px;
   height: 410px;
   border: none;
-  animation: tv 4s linear 0.1s infinite alternate both;
+  animation: tv 4s step-end 0.1s infinite alternate both;
   background-color: transparent;
   background-repeat: no-repeat;
   background-position: center;

diff --git a/img/movies/black adam.jpg → img/movies/black-adam.jpg b/img/movies/black adam.jpg → img/movies/black-adam.jpg
diff --git a/img/movies/death-fighter.jpg b/img/movies/death-fighter.jpg
diff --git a/index.html b/index.html
@@ -58,7 +58,7 @@ <h1>Enjoy on your TV.</h1>
             </div>
             <div class="tv-content">
                 <img src="./img/tv.png" alt="tv" />
-            </div>
+            </div>            
         </div>
 
     </section>