diff --git a/assets/icons/flathub.svg b/assets/icons/flathub.svg
deleted file mode 100644
index 1db1173..0000000
--- a/assets/icons/flathub.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg width="240" height="80" viewBox="0 0 240 80" xmlns="http://www.w3.org/2000/svg"><defs><clipPath id="satori_bc-id"><path x="0" y="0" width="240" height="80" d="M16,0 h208 a16,16 0 0 1 16,16 v48 a16,16 0 0 1 -16,16 h-208 a16,16 0 0 1 -16,-16 v-48 a16,16 0 0 1 16,-16"/></clipPath></defs><mask id="satori_om-id"><rect x="2" y="2" width="236" height="76" fill="#fff"/><path width="240" height="80" fill="none" stroke="#000" stroke-width="4" d="M4.686,4.686 A16,16 0 0 1 16,0 h208 a16,16 0 0 1 16,16 v48 a16,16 0 0 1 -16,16 h-208 a16,16 0 0 1 -16,-16 v-48 A16,16 0 0 1 4.686,4.686"/></mask><path x="0" y="0" width="240" height="80" fill="black" d="M16,0 h208 a16,16 0 0 1 16,16 v48 a16,16 0 0 1 -16,16 h-208 a16,16 0 0 1 -16,-16 v-48 a16,16 0 0 1 16,-16"/><path width="240" height="80" clip-path="url(#satori_bc-id)" fill="none" stroke="#888A85" stroke-width="4" d="M4.686,4.686 A16,16 0 0 1 16,0 h208 a16,16 0 0 1 16,16 v48 a16,16 0 0 1 -16,16 h-208 a16,16 0 0 1 -16,-16 v-48 A16,16 0 0 1 4.686,4.686"/><clipPath id="satori_cp-id-0"><rect x="34" y="22" width="37" height="36"/></clipPath><mask id="satori_om-id-0"><rect x="34" y="22" width="37" height="36" fill="#fff"/></mask><image x="34" y="22" width="37" height="36" href="data:image/svg+xml;utf8,%3Csvg  version=%221.1%22 xmlns=%22http://www.w3.org/2000/svg%22 width=%2237.6228125%22 height=%2236%22 viewBox=%220 0 66.885 64%22%3E%3Cg transform=%22translate(-30.558 -32)%22%3E%3Cg transform=%22matrix(1.7016 0 0 1.7016 -237.69 -115.36)%22 fill=%22white%22%3E%3Ccircle cx=%22166.69%22 cy=%2295.647%22 r=%229.0478%22 stroke-width=%22.58767%22%3E%3C/circle%3E%3Crect x=%22158.41%22 y=%22107.8%22 width=%2216.412%22 height=%2216.412%22 rx=%224.3765%22 ry=%224.3765%22 stroke-width=%22.58767%22%3E%3C/rect%3E%3Cpath transform=%22matrix(.9259 .53457 .53457 -.9259 99.826 110.69)%22 d=%22m69.514 58.833h-1.7806-10.247a2.4441 2.4441 60 0 1-2.1167-3.6662l6.0139-10.416a2.4441 2.4441 2.522e-7 0 1 4.2333 0l6.0139 10.416a2.4441 2.4441 120 0 1-2.1167 3.6662z%22 stroke-width=%22.55348%22%3E%3C/path%3E%3Cpath d=%22m194.99 116.11c0 0.87946-0.70801 1.5875-1.5875 1.5875h-12.7c-0.87946 0-1.5875-0.70802-1.5875-1.5875s0.70802-1.5875 1.5875-1.5875h12.7c0.87946 0 1.5875 0.70801 1.5875 1.5875zm-7.9375-7.9375c0.87946 0 1.5875 0.70802 1.5875 1.5875v12.7c0 0.87946-0.70802 1.5875-1.5875 1.5875-0.87947 0-1.5875-0.70802-1.5875-1.5875v-12.7c0-0.87947 0.70802-1.5875 1.5875-1.5875z%22 stroke-width=%225.8767%22%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E" preserveAspectRatio="none" clip-path="url(#satori_cp-id-0)" mask="url(#satori_om-id-0)"/><mask id="satori_om-id-0-0"><rect x="34" y="22" width="0" height="36" fill="#fff"/></mask><mask id="satori_om-id-0-0-0"><rect x="34" y="22" width="0" height="36" fill="#fff"/></mask><mask id="satori_om-id-0-0-0-0"><rect x="34" y="22" width="0" height="36" fill="#fff"/></mask><mask id="satori_om-id-0-0-0-1"><rect x="34" y="22" width="0" height="36" fill="#fff"/></mask><mask id="satori_om-id-0-0-0-2"><rect x="34" y="22" width="0" height="36" fill="#fff"/></mask><mask id="satori_om-id-0-0-0-3"><rect x="34" y="22" width="0" height="36" fill="#fff"/></mask><mask id="satori_om-id-1"><rect x="87" y="17" width="106" height="46" fill="#fff"/></mask><path fill="white" d="M95.3 23.1L93.7 23.1Q93.6 22.8 93.4 22.5Q93.2 22.2 93.0 22.0Q92.7 21.8 92.4 21.7Q92.0 21.6 91.7 21.6L91.7 21.6Q91.0 21.6 90.4 22.0Q89.9 22.4 89.5 23.0Q89.2 23.7 89.2 24.7L89.2 24.7Q89.2 25.7 89.5 26.4Q89.9 27.1 90.4 27.4Q91.0 27.8 91.7 27.8L91.7 27.8Q92.4 27.8 92.8 27.5Q93.3 27.3 93.6 26.8Q93.9 26.3 93.9 25.7L93.9 25.7L94.2 25.7L91.8 25.7L91.8 24.5L95.4 24.5L95.4 25.6Q95.4 26.7 94.9 27.5Q94.4 28.3 93.6 28.8Q92.8 29.2 91.7 29.2L91.7 29.2Q90.5 29.2 89.6 28.6Q88.7 28.1 88.1 27.1Q87.6 26.1 87.6 24.7L87.6 24.7Q87.6 23.7 87.9 22.8Q88.2 22.0 88.8 21.4Q89.3 20.8 90.1 20.5Q90.8 20.2 91.6 20.2L91.6 20.2Q92.4 20.2 93.0 20.4Q93.6 20.6 94.1 21.0Q94.6 21.4 94.9 22.0Q95.2 22.5 95.3 23.1L95.3 23.1ZM102.6 29.1L96.9 29.1L96.9 20.3L102.6 20.3L102.6 21.7L98.5 21.7L98.5 24.0L102.3 24.0L102.3 25.4L98.5 25.4L98.5 27.7L102.6 27.7L102.6 29.1ZM106.5 21.7L103.8 21.7L103.8 20.3L110.8 20.3L110.8 21.7L108.1 21.7L108.1 29.1L106.5 29.1L106.5 21.7Z M115.1 20.3L116.7 20.3L116.7 29.1L115.1 29.1L115.1 20.3ZM120.7 21.7L118.0 21.7L118.0 20.3L125.0 20.3L125.0 21.7L122.3 21.7L122.3 29.1L120.7 29.1L120.7 21.7Z M137.1 24.7L137.1 24.7Q137.1 26.1 136.6 27.1Q136.0 28.1 135.1 28.7Q134.2 29.2 133.1 29.2L133.1 29.2Q131.9 29.2 131.0 28.7Q130.1 28.1 129.6 27.1Q129.1 26.1 129.1 24.7L129.1 24.7Q129.1 23.3 129.6 22.3Q130.1 21.3 131.0 20.8Q131.9 20.2 133.1 20.2L133.1 20.2Q134.2 20.2 135.1 20.8Q136.0 21.3 136.6 22.3Q137.1 23.3 137.1 24.7ZM135.5 24.7L135.5 24.7Q135.5 23.7 135.2 23.0Q134.9 22.3 134.3 22.0Q133.8 21.6 133.1 21.6L133.1 21.6Q132.4 21.6 131.8 22.0Q131.3 22.3 131.0 23.0Q130.7 23.7 130.7 24.7L130.7 24.7Q130.7 25.7 131.0 26.4Q131.3 27.1 131.8 27.4Q132.4 27.8 133.1 27.8L133.1 27.8Q133.8 27.8 134.3 27.4Q134.9 27.1 135.2 26.4Q135.5 25.7 135.5 24.7ZM144.2 20.3L145.8 20.3L145.8 29.1L144.4 29.1L140.3 23.1L140.2 23.1L140.2 29.1L138.6 29.1L138.6 20.3L140.0 20.3L144.1 26.3L144.2 26.3L144.2 20.3Z "/><mask id="satori_om-id-1-1"><rect x="87" y="33" width="106" height="30" fill="#fff"/></mask><path fill="white" d="M92.9 57.8L89.1 57.8L89.1 36.7L102.6 36.7L102.6 39.9L92.9 39.9L92.9 45.6L101.7 45.6L101.7 48.8L92.9 48.8L92.9 57.8ZM105.9 36.7L109.6 36.7L109.6 57.8L105.9 57.8L105.9 36.7ZM118.0 58.1L118.0 58.1Q116.5 58.1 115.3 57.6Q114.1 57.0 113.4 56.0Q112.7 54.9 112.7 53.4L112.7 53.4Q112.7 52.0 113.2 51.2Q113.7 50.3 114.6 49.8Q115.4 49.2 116.5 49.0Q117.6 48.7 118.7 48.6L118.7 48.6Q120.1 48.4 121.0 48.3Q121.8 48.2 122.2 47.9Q122.6 47.7 122.6 47.1L122.6 47.1L122.6 47.1Q122.6 45.9 121.9 45.3Q121.3 44.6 120.0 44.6L120.0 44.6Q118.6 44.6 117.8 45.2Q117.0 45.8 116.7 46.6L116.7 46.6L113.2 46.1Q113.6 44.7 114.6 43.7Q115.5 42.8 116.9 42.3Q118.3 41.8 119.9 41.8L119.9 41.8Q121.1 41.8 122.2 42.0Q123.3 42.3 124.3 42.9Q125.2 43.5 125.8 44.6Q126.4 45.6 126.4 47.2L126.4 47.2L126.4 57.8L122.8 57.8L122.8 55.6L122.7 55.6Q122.3 56.3 121.7 56.9Q121.1 57.4 120.2 57.8Q119.2 58.1 118.0 58.1ZM119.0 55.4L119.0 55.4Q120.1 55.4 120.9 54.9Q121.7 54.5 122.2 53.7Q122.6 53.0 122.6 52.1L122.6 52.1L122.6 50.3Q122.5 50.4 122.1 50.5Q121.6 50.7 121.1 50.8Q120.6 50.8 120.1 50.9Q119.6 51.0 119.2 51.0L119.2 51.0Q118.4 51.2 117.7 51.4Q117.1 51.7 116.7 52.1Q116.3 52.6 116.3 53.3L116.3 53.3Q116.3 54.3 117.1 54.9Q117.8 55.4 119.0 55.4ZM128.9 42.0L138.0 42.0L138.0 44.9L128.9 44.9L128.9 42.0ZM131.2 53.7L131.2 38.2L134.9 38.2L134.9 53.0Q134.9 53.8 135.1 54.2Q135.4 54.6 135.7 54.7Q136.1 54.9 136.6 54.9L136.6 54.9Q136.9 54.9 137.2 54.8Q137.5 54.8 137.7 54.7L137.7 54.7L138.3 57.7Q138.0 57.8 137.5 57.9Q136.9 58.0 136.1 58.0L136.1 58.0Q134.7 58.1 133.6 57.6Q132.5 57.1 131.8 56.1Q131.2 55.1 131.2 53.7L131.2 53.7ZM144.9 48.5L144.9 48.5L144.9 57.8L141.1 57.8L141.1 36.7L144.8 36.7L144.8 44.7L145.0 44.7Q145.5 43.3 146.7 42.6Q147.9 41.8 149.7 41.8L149.7 41.8Q151.3 41.8 152.5 42.5Q153.8 43.2 154.4 44.5Q155.1 45.8 155.1 47.7L155.1 47.7L155.1 57.8L151.4 57.8L151.4 48.3Q151.4 46.7 150.6 45.8Q149.8 44.9 148.3 44.9L148.3 44.9Q147.3 44.9 146.5 45.4Q145.7 45.8 145.3 46.6Q144.9 47.4 144.9 48.5ZM169.0 51.2L169.0 51.2L169.0 42.0L172.7 42.0L172.7 57.8L169.1 57.8L169.1 55.0L168.9 55.0Q168.4 56.3 167.2 57.2Q166.0 58.0 164.2 58.0L164.2 58.0Q162.6 58.0 161.4 57.3Q160.3 56.6 159.6 55.3Q158.9 54.0 158.9 52.1L158.9 52.1L158.9 42.0L162.6 42.0L162.6 51.5Q162.6 53.0 163.5 53.9Q164.3 54.8 165.6 54.8L165.6 54.8Q166.5 54.8 167.2 54.4Q168.0 54.0 168.5 53.2Q169.0 52.4 169.0 51.2ZM180.4 57.8L176.7 57.8L176.7 36.7L180.4 36.7L180.4 44.6L180.6 44.6Q180.9 44.0 181.4 43.4Q181.9 42.7 182.8 42.2Q183.7 41.8 185.1 41.8L185.1 41.8Q187.0 41.8 188.4 42.7Q189.9 43.6 190.8 45.5Q191.7 47.3 191.7 49.9L191.7 49.9Q191.7 52.5 190.8 54.3Q189.9 56.2 188.5 57.1Q187.0 58.1 185.1 58.1L185.1 58.1Q183.8 58.1 182.9 57.6Q182.0 57.2 181.4 56.5Q180.9 55.9 180.6 55.3L180.6 55.3L180.4 55.3L180.4 57.8ZM180.4 49.9L180.4 49.9Q180.4 51.4 180.8 52.6Q181.3 53.7 182.1 54.4Q182.9 55.0 184.1 55.0L184.1 55.0Q185.3 55.0 186.2 54.4Q187.0 53.7 187.4 52.5Q187.9 51.4 187.9 49.9L187.9 49.9Q187.9 48.4 187.4 47.3Q187.0 46.1 186.2 45.5Q185.3 44.8 184.1 44.8L184.1 44.8Q182.9 44.8 182.1 45.5Q181.2 46.1 180.8 47.2Q180.4 48.4 180.4 49.9Z "/></svg>
\ No newline at end of file
diff --git a/assets/icons/flathub.webp b/assets/icons/flathub.webp
deleted file mode 100644
index d48cf6f..0000000
Binary files a/assets/icons/flathub.webp and /dev/null differ
diff --git a/assets/logos/flathub.svg b/assets/logos/flathub.svg
new file mode 100644
index 0000000..89aec25
--- /dev/null
+++ b/assets/logos/flathub.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<!-- Created with Vectornator (http://vectornator.io/) -->
+<svg height="100%" stroke-miterlimit="10" style="fill-rule:nonzero;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;" version="1.1" viewBox="0 0 61.5484 59.106" width="100%" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<defs/>
+<clipPath id="ArtboardFrame">
+<rect height="59.106" width="61.5484" x="0" y="0"/>
+</clipPath>
+<g clip-path="url(#ArtboardFrame)" id="Untitled">
+<g opacity="1">
+<path d="M0.0411747 14.209C0.0411747 6.36411 6.40069 0.00458896 14.2456 0.00458896C22.0904 0.00458896 28.4499 6.36411 28.4499 14.209C28.4499 22.0538 22.0904 28.4133 14.2456 28.4133C6.40069 28.4133 0.0411747 22.0538 0.0411747 14.209Z" fill="#FFFFFF" fill-rule="nonzero" opacity="1" stroke="none"/>
+<path d="M8.4263 34.1203L20.0569 34.1203C23.7274 34.1203 26.7029 37.0958 26.7029 40.7663L26.7029 52.397C26.7029 56.0674 23.7274 59.0429 20.0569 59.0429L8.4263 59.0429C4.75584 59.0429 1.78034 56.0674 1.78034 52.397L1.78034 40.7663C1.78034 37.0958 4.75584 34.1203 8.4263 34.1203Z" fill="#FFFFFF" fill-rule="nonzero" opacity="1" stroke="none"/>
+<path d="M59.5293 10.8212L56.9817 9.35042L42.3213 0.886223C41.072 0.164892 39.5328 0.164866 38.2835 0.886155C37.0342 1.60744 36.2646 2.94046 36.2646 4.38304L36.2649 24.2529C36.2649 25.6954 37.0345 27.0284 38.2838 27.7496C39.5331 28.4709 41.0722 28.4709 42.3215 27.7496L59.5294 17.815C60.7788 17.0937 61.5484 15.7607 61.5484 14.3181C61.5484 12.8756 60.7787 11.5426 59.5294 10.8213L59.5293 10.8212Z" fill="#FFFFFF" fill-rule="nonzero" opacity="1" stroke="none"/>
+<path d="M58.6745 46.6484C58.6745 48.0291 57.5629 49.1406 56.1822 49.1406L36.2441 49.1406C34.8634 49.1406 33.7519 48.0291 33.7519 46.6484C33.7519 45.2676 34.8634 44.1561 36.2441 44.1561L56.1822 44.1561C57.5629 44.1561 58.6745 45.2676 58.6745 46.6484ZM46.2132 34.1871C47.5939 34.1871 48.7054 35.2986 48.7054 36.6793L48.7054 56.6174C48.7054 57.9981 47.5939 59.1097 46.2132 59.1097C44.8325 59.1097 43.7209 57.9981 43.7209 56.6174L43.7209 36.6793C43.7209 35.2986 44.8324 34.1871 46.2132 34.1871Z" fill="#FFFFFF" fill-rule="nonzero" opacity="1" stroke="none"/>
+</g>
+</g>
+</svg>
diff --git a/css/style.css b/css/style.css
index 8ac3692..aa26fce 100644
--- a/css/style.css
+++ b/css/style.css
@@ -19,19 +19,23 @@ footer {
     background-color: #222;
 }
 
-/* .btn-dark {
-    background-color: #111;
-} */
-
 .btn {
     font-family: "Source Sans 3", sans-serif; 
+}
+
+/* #flathub-button {
+    background: url('https://flathub.org/api/badge?locale=en');
+    background-size: cover;
+} */
+
+/* .btn-dark {
     background-color: #111;
 }
 
 .btn:hover, button {
     background-color: #222;
     border: 1px white solid;
-}
+} */
 
 .jumbotron, .card-header {
     color: white;
diff --git a/index.html b/index.html
index f3ac210..9ca2aba 100644
--- a/index.html
+++ b/index.html
@@ -120,8 +120,8 @@
 
                 <div class="row align-items-center">
                     <div class="col-md-8">
-                        <h1 class="display-5 fw-bold">Your all-in-one emulation package for the Steam Deck</h1>
-                        <p class="fs-4">
+                        <h1 class="display-md-5 fw-bold">Your all-in-one emulation package for the Steam Deck</h1>
+                        <p class="fs-md-4">
                             Powered by <a target="_blank" rel="noopener noreferrer" href="https://es-de.org/">ES-DE</a>,
                             RetroDECK combines all of the best open-source emulators into a single application.
                             Pair that with a best-in-class Steam Deck controller configuration, and you'll be in retro
@@ -130,10 +130,14 @@
                         </p>
                     </div>
                     <div class="col-md-4 text-center">
-                        <a type="button" class="align-center" target="_blank" rel="noopener noreferrer"
-                            href="https://flathub.org/apps/details/net.retrodeck.retrodeck">
-                            <img width='200' alt='Download on Flathub' src='https://flathub.org/api/badge?locale=en' />
+                        <a type="button" id="flathub-button" class="align-center btn btn-dark btn-lg" target="_blank"
+                            rel="noopener noreferrer" href="https://flathub.org/apps/details/net.retrodeck.retrodeck">
+                            <i class="bi"><img class="img-fluid" alt='Download on Flathub'
+                                    src='assets/logos/flathub.svg' /></i>
+                            <div>Get it on</div>
+                            <div>Flathub</div>
                         </a>
+
                     </div>
                 </div>
             </div>
@@ -143,7 +147,8 @@
         <!-- Screenshot Carousel -->
         <div class="row">
             <div class="col">
-                <div id="screenshotCarousel" class="carousel carousel-fade slide mb-4 position-relative" data-bs-ride="carousel">
+                <div id="screenshotCarousel" class="carousel carousel-fade slide mb-4 position-relative"
+                    data-bs-ride="carousel">
                     <div class="carousel-inner" id="deck-carousel">
                         <div class="carousel-item active">
                             <img src="assets/screens_old/screen01.jpeg" class="d-block w-100 rounded-3"
@@ -196,8 +201,8 @@
                 </div>
                 <div class="row align-items-center">
                     <div class="col-md-8">
-                        <h1 class="display-5 fw-bold">We can't do this alone</h1>
-                        <p class="fs-4">
+                        <h1 class="display-md-5 fw-bold">We can't do this alone</h1>
+                        <p class="fs-md-4">
                             RetroDECK is run by volunteers.
                             If you appreciate our work, please consider code contribution or donating to us or our
                             sibling
@@ -205,7 +210,8 @@
                         </p>
                     </div>
                     <div class="col-md-4 text-center">
-                        <a class="btn btn-dark btn-lg" type="button" target="_blank" rel="noopener noreferrer"
+                        <a class="btn btn-dark btn-lg align-center" type="button" target="_blank"
+                            rel="noopener noreferrer"
                             href="https://retrodeck.readthedocs.io/en/latest/wiki_about/donations-licenses/">
                             <i class="bi bi-balloon-heart"></i> Learn More
                         </a>
@@ -221,11 +227,11 @@
     <!-- Footer -->
     <footer class="container-fluid pt-2 pb-2 sticky-bottom">
         <div class="row justify-content-betweetn">
-            <div class="col-md">
+            <div class="col-sm small">
                 Created by <a target="_blank" rel="noopener noreferrer" href="https://github.com/jiannazzone">Adam
                     Iannazzone</a> and the RetroDECK team.
             </div>
-            <div class="col-md">
+            <div class="col-sm small">
                 <div class="form-check form-switch float-end">
                     <input class="form-check-input" id="reduce-motion-switch" type="checkbox" role="switch"
                         id="reduceMotionSwitch" onchange="reduceMotion()">
diff --git a/scripts/gradient.js b/scripts/gradient.js
index 6c7f2f4..f18fd47 100644
--- a/scripts/gradient.js
+++ b/scripts/gradient.js
@@ -15,7 +15,9 @@ function reduceMotion() {
     let reduceMotionState = document.getElementById('reduce-motion-switch').checked;
     if (reduceMotionState) {
         clearInterval(gradientInterval);
+        // document.getElementById('screenshotCarousel').classList.remove('ride');
     } else {
+        // document.getElementById('screenshotCarousel').classList.add('ride');
         gradientInterval = setInterval(function () {
             updateGradientAngle();
         }, 100);