diff --git a/Resources/landing-page/css/custom.css b/Resources/landing-page/css/custom.css
index 0100a630..ee42b416 100644
--- a/Resources/landing-page/css/custom.css
+++ b/Resources/landing-page/css/custom.css
@@ -222,11 +222,13 @@ p {
     font-weight: 500;
     line-height: 1.2;
 }
+@media (min-width: 992px) {
 .portfolio-box img {
     object-fit: cover;
     width: 562.4px;
     height: 295.56px;
  }
+}
 
 #portfolio .container-fluid .portfolio-box .portfolio-box-caption.aquamarine-hover:hover {
     background: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
diff --git a/index.html b/index.html
index 58fd25bf..a0979fca 100644
--- a/index.html
+++ b/index.html
@@ -52,8 +52,8 @@
     <header class="masthead bg" data-current="0"
         data-images="Resources/landing-page/assets/img/slides/1.jpg,Resources/landing-page/assets/img/slides/2.jpg,Resources/landing-page/assets/img/slides/3.jpg,Resources/landing-page/assets/img/slides/4.jpg,Resources/landing-page/assets/img/slides/5.jpg,Resources/landing-page/assets/img/slides/6.jpg,Resources/landing-page/assets/img/slides/7.jpg,
         Resources/landing-page/assets/img/slides/8.jpg,Resources/landing-page/assets/img/slides/9.jpg,Resources/landing-page/assets/img/slides/10.jpg"
-        data-transitionDelay="1000" data-transitionSpeed="2000" data-transitionEffect="fade-in" data-randomize="false"
-        data-initialBackground="4" data-debug="false" data-slidecontrols.enabled="false"
+        data-transitionDelay="1000" data-transitionSpeed="2000" data-transitionEffect="from-right" data-randomize="false"
+        data-initialBackground="1" data-debug="true" data-slidecontrols.enabled="false"
         data-gradient="linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.404) 100%)">
         <div class="container h-100">
             <div class="row h-100 align-items-center justify-content-center text-center">
@@ -346,7 +346,7 @@
                 <div class="col-lg-4 col-sm-6 p-1">
                     <a class="portfolio-box" href="Resources/landing-page/assets/img/dark.png">
                         <img class="img-fluid" src="Resources/landing-page/assets/img/dark-small.png" alt="..." />
-                        <div class="portfolio-box-caption dark-hover"  style="width: 562px; height: 295px !important;">
+                        <div class="portfolio-box-caption dark-hover">
                             <div class="project-category text-white-50">Theme</div>
                             <div class="project-name">Dark</div>
                         </div>