diff --git a/README.md b/README.md
index 0fbb869..75f6aa3 100644
--- a/README.md
+++ b/README.md
@@ -1,5 +1,5 @@
-# Responsive Card Slider
-## [Watch it on youtube](https://youtu.be/b71OeOAEQrQ)
+# Responsive Card Slider ARKA WIMAYA
+## [Watch it on youtube](https://youtu.be/b71OeOAEQrQ) 
 ### Responsive Card Slider
 
 - Responsive Card Slider Using HTML CSS & JavaScript
diff --git a/assets/css/styles.css b/assets/css/styles.css
index 9defa7c..d4c3bae 100644
--- a/assets/css/styles.css
+++ b/assets/css/styles.css
@@ -33,6 +33,11 @@ body {
   font-size: var(--normal-font-size);
   background-color: var(--body-color);
   color: var(--white-color);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 100vh;
+  margin: 0;
 }
 
 a {
@@ -46,6 +51,7 @@ img {
 }
 
 /*=============== CARD ===============*/
+
 .container {
   display: flex;
   justify-content: center;
@@ -71,8 +77,7 @@ img {
 
 .card__image {
   position: relative;
-  background-color: var(--first-color-light);
-  padding-top: 1.5rem;
+  background-color: wheat;
   margin-bottom: -.75rem;
 }
 
@@ -81,29 +86,16 @@ img {
   padding: 1.5rem 2rem;
   border-radius: 1rem;
   text-align: center;
-  position: relative;
-  z-index: 10;
+  position: static;
 }
 
 .card__img {
-  width: 180px;
+  width: 500px;
   margin: 0 auto;
   position: relative;
-  z-index: 5;
+ 
 }
 
-.card__shadow {
-  width: 200px;
-  height: 200px;
-  background-color: var(--first-color-alt);
-  border-radius: 50%;
-  position: absolute;
-  top: 3.75rem;
-  left: 0;
-  right: 0;
-  margin-inline: auto;
-  filter: blur(45px);
-}
 
 .card__name {
   font-size: var(--h2-font-size);
diff --git a/assets/img/avatar-1.png b/assets/img/avatar-1.png
deleted file mode 100644
index 6231334..0000000
Binary files a/assets/img/avatar-1.png and /dev/null differ
diff --git a/assets/img/avatar-2.png b/assets/img/avatar-2.png
deleted file mode 100644
index bdc2be7..0000000
Binary files a/assets/img/avatar-2.png and /dev/null differ
diff --git a/assets/img/avatar-3.png b/assets/img/avatar-3.png
deleted file mode 100644
index 62daa37..0000000
Binary files a/assets/img/avatar-3.png and /dev/null differ
diff --git a/assets/img/avatar-4.png b/assets/img/avatar-4.png
deleted file mode 100644
index 7ea6f1e..0000000
Binary files a/assets/img/avatar-4.png and /dev/null differ
diff --git a/assets/img/avatar-5.png b/assets/img/avatar-5.png
deleted file mode 100644
index f1c214a..0000000
Binary files a/assets/img/avatar-5.png and /dev/null differ
diff --git a/index.html b/index.html
index c54293c..bfb5775 100644
--- a/index.html
+++ b/index.html
@@ -22,12 +22,12 @@
                <div class="swiper-wrapper">
                   <article class="card__article swiper-slide">
                      <div class="card__image">
-                        <img src="assets/img/avatar-1.png" alt="image" class="card__img">
+                        <img src="https://media.giphy.com/media/MlaqvbE300grJyO9fg/giphy.gif " alt="image" class="card__img">
                         <div class="card__shadow"></div>
                      </div>
       
                      <div class="card__data">
-                        <h3 class="card__name">Kell Dawx</h3>
+                        <h3 class="card__name">Batik Gazeri</h3>
                         <p class="card__description">
                            Passionate about development and design, 
                            I carry out projects at the request of users.
@@ -39,12 +39,12 @@ <h3 class="card__name">Kell Dawx</h3>
       
                   <article class="card__article swiper-slide">
                      <div class="card__image">
-                        <img src="assets/img/avatar-2.png" alt="image" class="card__img">
+                        <img src="https://media.giphy.com/media/jSeUVEWjMU71qyoNs7/giphy.gif " alt="image" class="card__img">
                         <div class="card__shadow"></div>
                      </div>
       
                      <div class="card__data">
-                        <h3 class="card__name">Lotw Fox</h3>
+                        <h3 class="card__name">Batik Sadulur</h3>
                         <p class="card__description">
                            Passionate about development and design, 
                            I carry out projects at the request of users.
@@ -56,12 +56,12 @@ <h3 class="card__name">Lotw Fox</h3>
       
                   <article class="card__article swiper-slide">
                      <div class="card__image">
-                        <img src="assets/img/avatar-3.png" alt="image" class="card__img">
+                        <img src="https://media.giphy.com/media/8xmzvMt88YtjyTVHfj/giphy.gif" alt="image" class="card__img">
                         <div class="card__shadow"></div>
                      </div>
       
                      <div class="card__data">
-                        <h3 class="card__name">Sara Mit</h3>
+                        <h3 class="card__name">Batik Melinda</h3>
                         <p class="card__description">
                            Passionate about development and design, 
                            I carry out projects at the request of users.
@@ -73,12 +73,12 @@ <h3 class="card__name">Sara Mit</h3>
       
                   <article class="card__article swiper-slide">
                      <div class="card__image">
-                        <img src="assets/img/avatar-4.png" alt="image" class="card__img">
+                        <img src="https://media.giphy.com/media/6bsC4B0ok1hXIPnY6g/giphy.gif " alt="image" class="card__img">
                         <div class="card__shadow"></div>
                      </div>
       
                      <div class="card__data">
-                        <h3 class="card__name">Jenny Wert</h3>
+                        <h3 class="card__name">Batik Bumiku</h3>
                         <p class="card__description">
                            Passionate about development and design, 
                            I carry out projects at the request of users.
@@ -90,12 +90,29 @@ <h3 class="card__name">Jenny Wert</h3>
 
                   <article class="card__article swiper-slide">
                      <div class="card__image">
-                        <img src="assets/img/avatar-5.png" alt="image" class="card__img">
+                        <img src="https://media.giphy.com/media/96iu0lP0IQmbcFK52D/giphy.gif" alt="image" class="card__img">
                         <div class="card__shadow"></div>
                      </div>
       
                      <div class="card__data">
-                        <h3 class="card__name">Lexa Kin</h3>
+                        <h3 class="card__name">Batik Pancawati</h3>
+                        <p class="card__description">
+                           Passionate about development and design, 
+                           I carry out projects at the request of users.
+                        </p>
+      
+                        <a href="#" class="card__button">View More</a>
+                     </div>
+                  </article>
+
+                  <article class="card__article swiper-slide">
+                     <div class="card__image">
+                        <img src="https://media.giphy.com/media/dtb0eo5tfW3PUcGf9S/giphy.gif" alt="image" class="card__img">
+                        <div class="card__shadow"></div>
+                     </div>
+      
+                     <div class="card__data">
+                        <h3 class="card__name">Batik melangit</h3>
                         <p class="card__description">
                            Passionate about development and design, 
                            I carry out projects at the request of users.
diff --git a/preview.png b/preview.png
deleted file mode 100644
index f6082ff..0000000
Binary files a/preview.png and /dev/null differ