Feat/ update gradient for TOP and BOTTOM overlays (#1311)

* Feat/ update gradient for TOP and BOTTOM overlay

* update gradient image and height

Author: lidord-wix

src/components/overlay/assets/GradientOverlay.png

@@ -73,8 +73,8 @@ class Overlay extends PureComponent<OverlayTypes> {
     if (type === OVERLY_TYPES.VERTICAL) {
       return (
         <>
-          {this.renderImage(this.getStyleByType(OVERLY_TYPES.TOP), image)}
-          {this.renderImage(this.getStyleByType(OVERLY_TYPES.BOTTOM), image)}
+          {this.renderImage([this.getStyleByType(OVERLY_TYPES.TOP), styles.vertical], image)}
+          {this.renderImage([this.getStyleByType(OVERLY_TYPES.BOTTOM), styles.vertical], image)}
           {customContent && this.renderCustomContent()}
         </>
       );
@@ -97,14 +97,17 @@ const styles = StyleSheet.create({
   top: {
     bottom: undefined,
     top: 0,
-    height: '50%'
+    height: '75%'
   },
   bottom: {
     bottom: 0,
     top: undefined,
-    height: '50%',
+    height: '75%',
     transform: [{scaleY: -1}]
   },
+  vertical: {
+    height: '40%'
+  },
   solid: {
     backgroundColor: Colors.rgba(Colors.dark10, 0.4)
   },