From 6adbbc75e5e488ac925ae7f5af854ee07589854d Mon Sep 17 00:00:00 2001
From: yashim-deriv <yashim@deriv.com>
Date: Thu, 4 Feb 2021 15:05:36 +0800
Subject: [PATCH] Reverted layout changes

Co-authored-by: Yashim Wong <yashimwong@gmail.com>
---
 src/pages/partners/affiliate-ib/_hero.js | 41 ++++++++----------------
 1 file changed, 13 insertions(+), 28 deletions(-)

diff --git a/src/pages/partners/affiliate-ib/_hero.js b/src/pages/partners/affiliate-ib/_hero.js
index 209b42a86db..44dbebe56ad 100644
--- a/src/pages/partners/affiliate-ib/_hero.js
+++ b/src/pages/partners/affiliate-ib/_hero.js
@@ -2,7 +2,7 @@ import React from 'react'
 import PropTypes from 'prop-types'
 import styled from 'styled-components'
 import { graphql, useStaticQuery } from 'gatsby'
-import { Container, Show } from 'components/containers'
+import { Container } from 'components/containers'
 import { BackgroundImage } from 'components/elements'
 
 const StyeldContainer = styled(Container)`
@@ -14,7 +14,6 @@ const query = graphql`
         image: file(relativePath: { eq: "partners-banner.png" }) {
             ...backGroundBlur
         }
-
         image_mobile: file(relativePath: { eq: "partners-banner-mobile.png" }) {
             ...backGroundBlur
         }
@@ -25,32 +24,17 @@ const Hero = ({ children }) => {
     const hero_img = useStaticQuery(query)
     return (
         <>
-            <Show.Desktop max_width={'tabletL'}>
-                <BackgroundImage
-                    data={hero_img.image}
-                    style={{
-                        height: '80rem',
-                        width: '100%',
-                    }}
-                >
-                    <StyeldContainer direction="column" justify="center" align="center">
-                        {children}
-                    </StyeldContainer>
-                </BackgroundImage>
-            </Show.Desktop>
-            <Show.Mobile min_width={'tabletL'}>
-                <BackgroundImage
-                    data={hero_img.image_mobile}
-                    style={{
-                        height: '344px',
-                        width: '100%',
-                    }}
-                >
-                    <StyeldContainer direction="column" justify="center" align="center">
-                        {children}
-                    </StyeldContainer>
-                </BackgroundImage>
-            </Show.Mobile>
+            <BackgroundImage
+                data={hero_img.image}
+                style={{
+                    height: '80rem',
+                    width: '100%',
+                }}
+            >
+                <StyeldContainer direction="column" justify="center" align="center">
+                    {children}
+                </StyeldContainer>
+            </BackgroundImage>
         </>
     )
 }
@@ -58,4 +42,5 @@ const Hero = ({ children }) => {
 Hero.propTypes = {
     children: PropTypes.node,
 }
+
 export default Hero