diff --git a/src/Pages/AboutUs2/About2.jsx b/src/Pages/AboutUs2/About2.jsx index 42e873e6..daa503c0 100644 --- a/src/Pages/AboutUs2/About2.jsx +++ b/src/Pages/AboutUs2/About2.jsx @@ -1,6 +1,6 @@ import React from "react"; import Style from "../AboutUs2/Styles/about.module.css"; -import main from "./Assets/main.png"; +import main2 from "./Assets/main(2).png"; import Arrow from "./Assets/arrow.png"; import Block from "./Assets/block.png"; import Plus from "./Assets/plus.png"; @@ -12,7 +12,7 @@ function About2() {
- +
diff --git a/src/Pages/AboutUs2/Assets/main(2).png b/src/Pages/AboutUs2/Assets/main(2).png new file mode 100644 index 00000000..4c092e67 Binary files /dev/null and b/src/Pages/AboutUs2/Assets/main(2).png differ diff --git a/src/Pages/AboutUs2/Styles/about.module.css b/src/Pages/AboutUs2/Styles/about.module.css index ff1c1d31..b1a83e2c 100644 --- a/src/Pages/AboutUs2/Styles/about.module.css +++ b/src/Pages/AboutUs2/Styles/about.module.css @@ -16,7 +16,8 @@ .mainimage { /* width: 40%; */ margin: -1% 2% 0 4%; - flex: 1.2; + opacity: 60%; + flex: 1; } .container { display: flex; @@ -100,14 +101,19 @@ @media screen and (max-width:1440px) { + .heading{ + font-size: 350%; + margin-top: 2%; + } + .insideimage{ - width: 33vw; - height: 38vh; + width: 39vw; + height: 37vh; } .container{ - width: 33vw; - height: 42vh; + width: 41vw; + height: 41vh; } .text{ @@ -123,8 +129,8 @@ } .insideimage{ - width: 42vw; - height: 43vh; + width: 46vw; + height: 41vh; } .text{ @@ -135,8 +141,8 @@ } .container{ - width: 42vw; - height: 44vh; + width: 46vw; + height: 42vh; } .mainimage { @@ -146,9 +152,13 @@ } @media screen and (max-width:800px){ + + .heading{ + margin-top: 5%; + } .insideimage{ width: 38vw; - height: 58vh; + height: 51vh; } .text{ @@ -160,7 +170,7 @@ .container{ width: 31vw; - height: 60vh; + height: 52vh; } .rectangle{ width: 85vw; @@ -169,7 +179,7 @@ .block1{ position: absolute; left: 73%; - bottom: 80%; + bottom: 85%; } } @@ -179,7 +189,7 @@ text-align: center; margin-left: 35%; font-size: 140%; - margin-top: 1%; + margin-top: 8%; } .block1{ @@ -199,7 +209,7 @@ .insideimage{ width: 80vw; - height: 26vh; + height: 25vh; } .text{ @@ -220,7 +230,7 @@ .arrow{ width: 16vw; position: absolute; - top: 13%; + top: 10%; } .block{ @@ -236,10 +246,15 @@ } @media screen and (max-width:400px){ + + .heading{ + margin-top: 2%; + } + .container{ bottom: 47%; width: 72vw; - height: 32vh; + height: 33vh; left: 5%; } @@ -278,7 +293,7 @@ .container{ bottom: 50%; width: 80vw; - height: 31vh; + height: 33vh; left: 1%; } @@ -301,6 +316,10 @@ .elements { top: 90%; } + + .arrow{ + top: 9%; + } }