fix: l2 banner visuals

shared/banners/l2-banner/styles.ts

@@ -1,6 +1,7 @@
 import styled, { css } from 'styled-components';
 import { Button, Link } from '@lidofinance/lido-ui';
-import Icons from 'assets/icons/l2-swap.svg';
+import IconsLight from 'assets/icons/l2-swap-light.svg';
+import IconsDark from 'assets/icons/l2-swap-dark.svg';
 import { LocalLink } from 'shared/components/local-link';
 
 export const Wrapper = styled.div`
@@ -45,13 +46,12 @@ export const Wrapper = styled.div`
   }
 `;
 
-export const L2Icons = styled.img.attrs({
-  src: Icons,
-  alt: '',
-})`
+export const L2Icons = styled.div`
   display: block;
   width: 188px;
   height: 32px;
+  background-image: url(${({ theme }) =>
+    theme.name === 'dark' ? IconsDark : IconsLight});
 `;
 
 export const FooterWrap = styled.div`

shared/banners/l2-banners/l2-after-stake.tsx

@@ -11,7 +11,7 @@ export const L2AfterStake: React.FC = () => {
       text={
         <>
           Learn about <b>Lido on L2 opportunities</b> and enjoy various
-          opportunities in DeFi.
+          opportunities in DeFi
         </>
       }
       buttonText="Learn more"

shared/banners/l2-banners/l2-after-wrap.tsx

@@ -13,7 +13,7 @@ export const L2AfterWrap = () => {
       text={
         <>
           Learn about <b>DeFi opportunities</b> using wstETH across multiple L2
-          networks.
+          networks
         </>
       }
       buttonText="Learn more"

shared/banners/l2-banners/l2-wsteth.tsx

@@ -23,7 +23,7 @@ export const L2Wsteth = ({ matomoEventLink }: L2WstethProps) => {
       text={
         <>
           Enjoy <b>lower gas</b> fees and <b>DeFi opportunities</b> using wstETH
-          across multiple L2 networks.
+          across multiple L2 networks
         </>
       }
     />