animation

gfi-ihk-2024/stories/sections/marketingheader/marketingheader.scss

@@ -21,7 +21,7 @@ section.marketingheader{
     margin: 0;
     background-color: var(--theme-color-primary-dimmed-04);
     max-height: 100px;
-    transition: all .5s cubic-bezier(0,1,0,1);
+    transition: all 1s ease-in;
     background-size:cover;
     @media (max-width:767px){
       max-height: 78px;
@@ -88,7 +88,7 @@ section.marketingheader{
         display:block !important;
       }
       .tiles{
-        margin-top:0;
+        top: 0;
         padding-bottom:9px;
         @media screen and (max-width:767px){
           padding-bottom:0;
@@ -204,11 +204,13 @@ section.marketingheader{
     }
 
     .tiles {
-      margin: 100px -8px 0 -8px;
+      margin: 0 -8px 0 -8px;
+      position: relative;
+      top: 100px;
       display: flex;
       flex-wrap: wrap;
       font-family: "Korb", sans-serif;
-      transition: all 0.4s ease-in;
+      transition: all 0.3s ease-in;
       padding-bottom: 0;
       @media(max-width: 767px) {
         //margin-left: -6px;