diff --git a/img/flysystem-static.svg b/img/flysystem-static.svg
new file mode 100644
index 000000000..6b9f99ba2
--- /dev/null
+++ b/img/flysystem-static.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 200 200"><defs><linearGradient id="b" x1="0%" y1="0%" y2="100%"><stop offset="0%" stop-color="#4764BD"/><stop offset="100%" stop-color="#23325E"/></linearGradient><path id="a" d="M0 0h200v200H0z"/></defs><g fill="none" fill-rule="evenodd"><use fill="#4764BD" xlink:href="#a"/><use fill="url(#b)" xlink:href="#a"/><path fill="#000" fill-opacity=".3" d="M40 40h116l43.999219 44v116H84.0086426L40 156z" style="mix-blend-mode:multiply"/><path fill="#FFF" d="M40 40h36v36H40z"/><path fill="#FFF" fill-opacity=".75" d="M80 116H40V80h76v36H80z"/><path fill="#FFF" fill-opacity=".88" d="M120 76H80V40h76v36h-36z"/><path fill="#FFF" d="M40 120h36v36H40z"/></g></svg>
\ No newline at end of file
diff --git a/img/flysystem.svg b/img/flysystem.svg
index 6b9f99ba2..c8184ca7f 100644
--- a/img/flysystem.svg
+++ b/img/flysystem.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 200 200"><defs><linearGradient id="b" x1="0%" y1="0%" y2="100%"><stop offset="0%" stop-color="#4764BD"/><stop offset="100%" stop-color="#23325E"/></linearGradient><path id="a" d="M0 0h200v200H0z"/></defs><g fill="none" fill-rule="evenodd"><use fill="#4764BD" xlink:href="#a"/><use fill="url(#b)" xlink:href="#a"/><path fill="#000" fill-opacity=".3" d="M40 40h116l43.999219 44v116H84.0086426L40 156z" style="mix-blend-mode:multiply"/><path fill="#FFF" d="M40 40h36v36H40z"/><path fill="#FFF" fill-opacity=".75" d="M80 116H40V80h76v36H80z"/><path fill="#FFF" fill-opacity=".88" d="M120 76H80V40h76v36h-36z"/><path fill="#FFF" d="M40 120h36v36H40z"/></g></svg>
\ No newline at end of file
+<svg id="flysystem" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 200 200" shape-rendering="geometricPrecision" text-rendering="geometricPrecision"><style><![CDATA[#flysystem-path1 {animation: flysystem-path1_c_o 3000ms linear 1 normal forwards}@keyframes flysystem-path1_c_o { 0% {opacity: 0} 26.666667% {opacity: 0} 40% {opacity: 1} 100% {opacity: 1}} #flysystem-g2_ts {animation: flysystem-g2_ts__ts 3000ms linear 1 normal forwards}@keyframes flysystem-g2_ts__ts { 0% {transform: translate(98px,98px) scale(1.6,1.6)} 16.666667% {transform: translate(98px,98px) scale(1.6,1.6);animation-timing-function: cubic-bezier(0,0.985,0.32,1.275)} 33.333333% {transform: translate(98px,98px) scale(1,1)} 100% {transform: translate(98px,98px) scale(1,1)}} #flysystem-g2 {animation: flysystem-g2_c_o 3000ms linear 1 normal forwards}@keyframes flysystem-g2_c_o { 0% {opacity: 0} 16.666667% {opacity: 0} 33.333333% {opacity: 1} 100% {opacity: 1}}]]></style><defs><path id="flysystem-a" d="M0,0h200v200h-200Z"/><linearGradient id="flysystem-use2-fill" x1="0" y1="0" x2="1" y2="1" spreadMethod="pad" gradientUnits="objectBoundingBox" gradientTransform="translate(0 0)"><stop id="flysystem-use2-fill-0" offset="0%" stop-color="#4764bd"/><stop id="flysystem-use2-fill-1" offset="100%" stop-color="#23325e"/></linearGradient></defs><g id="flysystem-g1"><use id="flysystem-use2" width="200" height="200" xlink:href="#flysystem-a" fill="url(#flysystem-use2-fill)" fill-rule="evenodd"/><path id="flysystem-path1" style="mix-blend-mode:multiply" d="M40,40h116l43.999219,44v116h-115.990576L40,156Z" opacity="0" fill-opacity="0.3" fill-rule="evenodd"/><g id="flysystem-g2_ts" transform="translate(98,98) scale(1.6,1.6)"><g id="flysystem-g2" transform="translate(-98,-98)" opacity="0"><path id="flysystem-path2" d="M40,120h36v36h-36Z" fill="#fff" fill-rule="evenodd"/><path id="flysystem-path3" d="M80,116h-40v-36h76v36h-36Z" fill="#fff" fill-opacity="0.75" fill-rule="evenodd"/><path id="flysystem-path4" d="M120,76h-40v-36h76v36h-36Z" fill="#fff" fill-opacity="0.88" fill-rule="evenodd"/><path id="flysystem-path5" d="M40,40h36v36h-36Z" fill="#fff" fill-rule="evenodd"/></g></g></g></svg>