diff --git a/app/javascript/styles/about.scss b/app/javascript/styles/about.scss
index 0aca5cc00..b94f61144 100644
--- a/app/javascript/styles/about.scss
+++ b/app/javascript/styles/about.scss
@@ -390,10 +390,9 @@
position: absolute;
transition: all 0.1s linear;
animation-name: floating;
- animation-duration: 1.7s;
animation-iteration-count: infinite;
animation-direction: alternate;
- animation-timing-function: linear;
+ animation-timing-function: ease-in-out;
z-index: 2;
}
@@ -402,6 +401,7 @@
height: 170px;
right: -120px;
bottom: 0;
+ animation-duration: 3s;
background-image: url('data:image/svg+xml;utf8,');
}
@@ -410,6 +410,7 @@
height: 100px;
right: 210px;
bottom: 0;
+ animation-duration: 3.5s;
animation-delay: 0.2s;
background-image: url('data:image/svg+xml;utf8,');
}
@@ -419,7 +420,8 @@
height: 140px;
right: 110px;
top: -30px;
- animation-delay: 0.1s;
+ animation-duration: 4s;
+ animation-delay: 0.5s;
background-image: url('data:image/svg+xml;utf8,');
}
}