diff --git a/web/e.cash/pages/get-ecash.js b/web/e.cash/pages/get-ecash.js
index b2d91fad7..b3989e43a 100644
--- a/web/e.cash/pages/get-ecash.js
+++ b/web/e.cash/pages/get-ecash.js
@@ -1,190 +1,190 @@
 // Copyright (c) 2023 The Bitcoin developers
 // Distributed under the MIT software license, see the accompanying
 // file COPYING or http://www.opensource.org/licenses/mit-license.php.
 import Layout from '/components/layout';
 import Script from 'next/script';
 import Image from 'next/image';
 import SubPageHero from '/components/sub-page-hero';
 import H3 from '/components/h3';
 import { Container, GradientSpacer } from '/components/atoms';
 import coinupdown from '/public/animations/coin-up-down.json';
 import coinflip from '/public/animations/exchanges-coin-flip.json';
 import services from '/public/animations/services.json';
 import mining from '/public/animations/mining.json';
 import staking from '/public/animations/staking.json';
 import {
     DescriptionBox,
     ImgCtn,
     TilesOuterCtn,
     TitleBox,
     Tile,
     TileImgCtn,
     BlankTile,
-    MiningSectionCtn,
-    MiningImg,
+    ImageTextCtn,
+    SectionImg,
     SwapZoneCtn,
 } from '/styles/pages/get-ecash.js';
 import AnimateImage from '/components/animate-image';
 import { getScoreCardData } from '/data/scores.js';
 import Button from '/components/button';
 
 function TileSection({ title, items, children }) {
     return (
         <>
             <TitleBox>{title}</TitleBox>
             {children}
             <TilesOuterCtn>
                 {items.map((item, index) => {
                     if (item === '') {
                         return <BlankTile key={index}></BlankTile>;
                     } else {
                         const logoSrc = Array.isArray(item.attributes.logo.data)
                             ? item.attributes.logo.data[0].attributes
                             : item.attributes.logo.data.attributes;
                         return (
                             <Tile
                                 href={item.attributes.url}
                                 target="_blank"
                                 rel="noreferrer"
                                 key={index}
                             >
                                 <TileImgCtn>
                                     <Image
                                         src={
                                             process.env
                                                 .NEXT_PUBLIC_STRAPI_SCORECARD_URL +
                                             logoSrc.url
                                         }
                                         fill
                                         sizes="12vw"
                                         alt={item.attributes.name}
                                     />
                                 </TileImgCtn>
                             </Tile>
                         );
                     }
                 })}
             </TilesOuterCtn>
         </>
     );
 }
 
 function GetEcash(props) {
     return (
         <Layout>
             <SubPageHero
                 image={coinupdown}
                 h2subtext="Get eCash"
                 h2text="Start Today"
             >
                 <p>
                     Get started today by getting your first eCash. It&rsquo;s
                     simple and there are several ways to do it. You can find out
                     how below.
                 </p>
             </SubPageHero>
             <GradientSpacer />
             <Container narrow>
                 <DescriptionBox>
                     <div>
                         <H3 text="Exchanges" id="exchanges" />
                         <p>
                             eCash is currently listed on most major exchanges
                             under the XEC ticker.
                         </p>
                     </div>
                     <ImgCtn height="500px">
                         <AnimateImage image={coinflip} speed={0.5} reverse />
                     </ImgCtn>
                 </DescriptionBox>
                 <TileSection title="Exchanges" items={props.exchanges} />
                 <TileSection
                     title="Instant Exchanges"
                     items={props.instantExchanges}
                 >
                     <SwapZoneCtn id="swapzone">
                         <p>
                             Swap your crypto into XEC quickly with the Swapzone
                             aggregator or chose your preferred instant exchange
                             from the list below.
                         </p>
                         <div
                             id="swapzoneExchangeWidget"
                             data-logo="true"
                             data-size="full"
                             data-refid="68y-3PwW6z"
                             data-from="eth"
                             data-to="xec"
                         />
                     </SwapZoneCtn>
                 </TileSection>
                 <DescriptionBox>
                     <div>
                         <H3 text="Services" id="services" />
                         <p>Check out eCash service partners.</p>
                     </div>
                     <ImgCtn height="600px">
                         <AnimateImage image={services} speed={0.5} reverse />
                     </ImgCtn>
                 </DescriptionBox>
                 <TileSection title="Services" items={props.services} />
-                <MiningSectionCtn>
+                <ImageTextCtn>
                     <div>
                         <H3 text="Mining" id="mining" />
                         <p>
                             eCash is also available through mining, to learn
                             more join our ever expanding community of miners.
                         </p>
                         <Button
                             text="Get Started"
                             link="/mining"
                             corner="bottomRight"
                             color="accent"
                         />
                     </div>
-                    <MiningImg height="500px">
+                    <SectionImg height="500px">
                         <AnimateImage image={mining} reverse />
-                    </MiningImg>
-                </MiningSectionCtn>
-                <MiningSectionCtn>
+                    </SectionImg>
+                </ImageTextCtn>
+                <ImageTextCtn rightimage="true">
                     <div>
                         <H3 text="Staking" id="staking" />
                         <p>
                             Stakers power eCash&apos;s Avalanche consensus
                             system, and earn staking rewards in return.
                         </p>
                         <Button
                             text="Stake eCash"
                             link="/staking"
                             corner="bottomRight"
                             color="accent"
                         />
                     </div>
-                    <MiningImg height="500px">
+                    <SectionImg height="500px">
                         <AnimateImage image={staking} reverse />
-                    </MiningImg>
-                </MiningSectionCtn>
+                    </SectionImg>
+                </ImageTextCtn>
             </Container>
             <Script
                 src="https://swapzone.io/script/exchange-widget.js"
                 id="swapzone"
                 strategy="lazyOnload"
             />
         </Layout>
     );
 }
 
 /**
  * Call function to fetch scorecard api data and return scored and sorted arrays.
  * This only runs at build time, and the build should fail if the api call fails
  * @returns {object} props - page props to pass to the page
  * @throws {error} on bad API call or failure to parse API result
  */
 export async function getStaticProps() {
     const response = await getScoreCardData();
     return {
         props: response.props,
     };
 }
 
 export default GetEcash;
diff --git a/web/e.cash/styles/pages/get-ecash.js b/web/e.cash/styles/pages/get-ecash.js
index f201000a3..d8e41848f 100644
--- a/web/e.cash/styles/pages/get-ecash.js
+++ b/web/e.cash/styles/pages/get-ecash.js
@@ -1,164 +1,169 @@
 // Copyright (c) 2023 The Bitcoin developers
 // Distributed under the MIT software license, see the accompanying
 // file COPYING or http://www.opensource.org/licenses/mit-license.php.
 import styled from 'styled-components';
 import Link from 'next/link';
 import { motion } from 'framer-motion';
 import { getAnimationSettings } from '/styles/framer-motion';
 
 export const DescriptionBox = styled(motion.div).attrs(() =>
     getAnimationSettings(),
 )`
     width: 100%;
     margin-bottom: -100px;
     display: flex;
     align-items: center;
     justify-content: space-between;
     ${props => props.theme.breakpoint.medium} {
         flex-direction: column;
         margin-bottom: 40px;
     }
 `;
 
 export const ImgCtn = styled.div`
     width: 60%;
     display: flex;
     align-items: center;
     justify-content: center;
     position: relative;
     height: ${props => props.height};
     margin-left: 20px;
     ${props => props.theme.filters.grayscale}
 
     img {
         object-fit: contain;
     }
     ${props => props.theme.breakpoint.medium} {
         width: 100%;
         height: 250px;
     }
 `;
 
 export const TitleBox = styled(motion.div).attrs(() => getAnimationSettings())`
     width: 100%;
     border-left: 3px solid ${props => props.theme.colors.primary};
     background-image: linear-gradient(
         90deg,
         ${props => props.theme.colors.black},
         transparent 93%
     );
     margin-top: 40px;
     margin-bottom: 40px;
     padding: 10px 20px;
     font-size: 16px;
     text-transform: uppercase;
 `;
 
 export const TilesOuterCtn = styled.div`
     width: 100%;
     margin-bottom: 100px;
     position: relative;
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     grid-template-rows: repeat(1, 1fr);
     grid-column-gap: 0px;
     grid-row-gap: 0px;
 `;
 
 export const TileImgCtn = styled.div`
     width: 100%;
     height: 60px;
     position: relative;
     opacity: 0.6;
     transition: all 200ms ease-in-out;
 
     img {
         object-fit: contain;
     }
 `;
 
 export const Tile = styled(motion(Link)).attrs(() => getAnimationSettings())`
     position: relative;
     padding: 50px;
     border-right: 1px solid ${props => props.theme.colors.gridlines};
     border-top: 1px solid ${props => props.theme.colors.gridlines};
 
     :nth-child(3n + 0) {
         border-right: none;
     }
 
     :nth-child(-n + 3) {
         border-top: none;
     }
 
     &:hover ${TileImgCtn} {
         opacity: 1;
     }
     ${props => props.theme.breakpoint.medium} {
         padding: 30px;
     }
     ${props => props.theme.breakpoint.small} {
         padding: 10px;
     }
 `;
 
 export const BlankTile = styled.div`
     border-right: none;
     border-top: 1px solid ${props => props.theme.colors.gridlines};
 
     :nth-child(3n + 0) {
         border-right: none;
     }
 `;
 
-export const MiningSectionCtn = styled(motion.div).attrs(() =>
+export const ImageTextCtn = styled(motion.div).attrs(() =>
     getAnimationSettings(),
 )`
     width: 100%;
     display: flex;
     align-items: center;
     justify-content: space-between;
     margin: 300px 0;
+    flex-direction: ${props => (props.rightimage ? 'row-reverse' : 'row')};
     ${props => props.theme.breakpoint.medium} {
         flex-direction: column;
         margin-bottom: 40px;
         margin: 200px 0;
     }
     > :first-child {
         width: 50%;
         ${props => props.theme.breakpoint.medium} {
             width: 100%;
             margin-bottom: 50px;
         }
     }
+
+    > :nth-child(2) {
+        left: ${props => (props.rightimage ? '0' : 'unset')};
+    }
 `;
 
-export const MiningImg = styled.div`
+export const SectionImg = styled.div`
     width: 60%;
     display: flex;
     align-items: center;
     justify-content: center;
     position: absolute;
     height: ${props => props.height};
     margin-left: 20px;
     right: 0;
     ${props => props.theme.filters.grayscale}
 
     img {
         object-fit: contain;
     }
     ${props => props.theme.breakpoint.medium} {
         width: 100%;
         height: 350px;
         position: relative;
     }
 `;
 
 export const SwapZoneCtn = styled.div`
     width: 100%;
     display: flex;
     align-items: center;
     justify-content: center;
     flex-direction: column;
     margin: 30px 0 50px;
 `;