diff --git a/src/components/DeploymentOptionsPage/Hero/index.tsx b/src/components/DeploymentOptionsPage/Hero/index.tsx
index 431bbe30..6284fc70 100644
--- a/src/components/DeploymentOptionsPage/Hero/index.tsx
+++ b/src/components/DeploymentOptionsPage/Hero/index.tsx
@@ -35,15 +35,13 @@ const Hero = () => {
-
-
-
+
);
diff --git a/src/components/DeploymentOptionsPage/Hero/styles.module.less b/src/components/DeploymentOptionsPage/Hero/styles.module.less
index 454051e0..e310a89a 100644
--- a/src/components/DeploymentOptionsPage/Hero/styles.module.less
+++ b/src/components/DeploymentOptionsPage/Hero/styles.module.less
@@ -31,8 +31,33 @@
margin: 0;
}
- img {
- min-width: 536px;
+ div {
+ max-width: 50%;
+ width: 100%;
+ }
+
+ @media (max-width: 1024px) {
+ div {
+ max-width: 100%;
+ }
+ }
+
+ @media (max-width: 768px) {
+ h1 {
+ font-size: 2.5rem;
+ line-height: 48px;
+ }
+
+ p {
+ font-size: 1rem;
+ }
+ }
+
+ @media (max-width: 425px) {
+ h1 {
+ font-size: 2.25rem;
+ line-height: 43.2px;
+ }
}
}
@@ -60,4 +85,4 @@
flex-direction: column;
}
}
-}
+}
\ No newline at end of file