change animation timing function

src/scss/pages/_rumble.scss

@@ -157,7 +157,7 @@
       display: flex;
       justify-content: center;
       align-items: center;
-      transition: 0.15s ease-in;
+      transition: 0.15s ease-in-out;
 
       &.apac {
         background-image: url('https://cms.aplesports.com/storage/uploads/2023/09/18/65085dc28ca0frawkkim-KKz6NgO69yQ-unsplash.jpg');
@@ -188,7 +188,7 @@
         width: 100%;
         height: 100%;
         background: rgba(black, 0.05);
-        transition: 0.15s ease-in;
+        transition: 0.15s ease-in-out;
 
         &:hover {
           background: rgba(black, 0.2);