From 5c44a2aa69504b166d2deb8b101da6b2121d8b55 Mon Sep 17 00:00:00 2001
From: Drina_Rincon <drina.rincon@bitlogic.io>
Date: Thu, 5 May 2022 16:02:36 -0300
Subject: [PATCH] Arreglar logica en imagen y animacion en formulario

---
 src/components/Form/Form.js   | 20 ++++++++++++--------
 src/components/Form/Form.scss |  1 +
 2 files changed, 13 insertions(+), 8 deletions(-)

diff --git a/src/components/Form/Form.js b/src/components/Form/Form.js
index dd2da2f8..978629e6 100644
--- a/src/components/Form/Form.js
+++ b/src/components/Form/Form.js
@@ -77,14 +77,18 @@ const Form = ({ location, data }) => {
             />
           )}
           <div className="form__img text-center text-md-start">
-            {image?.url && <img
-              src={image?.url} alt="hero"
-            />}
-
-            {animation && <Lottie options={{
-              ...defaultOptions,
-              animationData: data?.animation,
-            }} />}
+            {image?.url ?
+              <img
+                src={image?.url} alt="hero"
+              /> :
+              <>
+                {animation && <Lottie options={{
+                  ...defaultOptions,
+                  animationData: animation,
+                }}
+                />}
+              </>
+            }
           </div>
         </div>
         <div className="col-12 col-md-6">
diff --git a/src/components/Form/Form.scss b/src/components/Form/Form.scss
index 83c964b8..5faf72c5 100644
--- a/src/components/Form/Form.scss
+++ b/src/components/Form/Form.scss
@@ -21,6 +21,7 @@
   }
   &__img {
     img {
+      padding: 3rem 1rem;
       max-width: 250px;
     }