diff --git a/src/containers/LandingPage/LandingPage.css b/src/containers/LandingPage/LandingPage.css
index a878578b..f194ee40 100644
--- a/src/containers/LandingPage/LandingPage.css
+++ b/src/containers/LandingPage/LandingPage.css
@@ -4,41 +4,21 @@
 
 }
 
-@keyframes animationBorders36px {
-  0%    { border: 0px solid #FFF; }
-  100%  { border: 36px solid #FFF;}
-}
-
-@keyframes animationBorders24px {
-  0%    { border: 0px solid #FFF; }
-  100%  { border: 24px solid #FFF;}
-}
-
-@keyframes animationBordersRadius {
-  0%    { border-radius: 0px; }
-  100%  { border-radius: 4px; }
-}
-
-
 /* heroContainer gives the height for HeroSection */
 /* Safari has a bug with vw padding inside flexbox. Therefore we need an extra div (container) */
 .heroContainer {
   display: flex;
   flex-direction: column;
   min-height: calc(100vh - var(--topbarHeight));
+  padding: 0;
 
   @media (--viewportMedium) {
     min-height: calc(100vh - var(--topbarHeightDesktop));
-
-    animation-name: animationBorders24px;
-    animation-duration: 0.5s;
-    animation-timing-function: ease;
-    -webkit-animation-fill-mode: forwards;
-    animation-delay: 1s;
+    border: solid 24px #FFF;
   }
 
   @media (--viewportLarge) {
-    animation-name: animationBorders36px;
+    border: solid 36px #FFF;
   }
 }
 
@@ -47,15 +27,9 @@
   justify-content: flex-end;
   padding-bottom: 98px;
 
-  animation-name: animationBordersRadius;
-  animation-duration: 0.5s;
-  animation-timing-function: ease;
-  -webkit-animation-fill-mode: forwards;
-  animation-delay: 1s;
-  border-radius: 0px;
-
-  @media (min-width: 768px) {
+  @media (--viewportMedium) {
     justify-content: center;
     padding-top: 60px;
+    border-radius: 4px;
   }
 }