feat(deposit): responsive chain parity

src/pages/ValidatorOnboarding/Deposit/ChainParity.tsx

@@ -1,12 +1,14 @@
 import { Text } from '@status-im/components'
 
+import styles from './deposit.module.css'
+
 const ChainParity = () => {
   return (
     <>
       <Text size={15} weight="regular" color={'#647084'}>
         Awaiting chain parity
       </Text>
-      <div style={{ padding: '7.5% 20%' }}>
+      <div className={styles['chain-parity-img-container']}>
         <img
           src="/images/chain-parity.png"
           alt="Chain parity"

src/pages/ValidatorOnboarding/Deposit/deposit.module.css

@@ -0,0 +1,15 @@
+.chain-parity-img-container {
+  padding: 7.5% 20%;
+}
+
+@media (max-width: 880px) {
+  .chain-parity-img-container {
+    padding: 7.5% 10%;
+  }
+}
+
+@media (max-width: 570px) {
+  .chain-parity-img-container {
+    padding: 7.5% 5%;
+  }
+}