diff --git a/assets/images/glass footer.png b/assets/images/glass footer.png
new file mode 100644
index 0000000..c4b49fc
Binary files /dev/null and b/assets/images/glass footer.png differ
diff --git a/index.html b/index.html
index b7b8a38..6e400ba 100644
--- a/index.html
+++ b/index.html
@@ -101,5 +101,10 @@
                 </p>
             </div>
         </section>
+        <section class="footer-image-section">
+            <div class="footer-image-div">
+                <img class="footer-image" src="./assets/images/glass footer.png" alt="glass">
+            </div>
+        </section>
     </body>
 </html>
\ No newline at end of file
diff --git a/styles/styles.css b/styles/styles.css
index 6599b07..141c637 100644
--- a/styles/styles.css
+++ b/styles/styles.css
@@ -113,7 +113,7 @@ body {
 
 .midle-card {
     position: relative;
-    top: 32px;
+    top: 62px;
 }
 
 .midle-card-div {
@@ -156,12 +156,11 @@ body {
 }
 
 .image-card-paragraph-second {
-    font-family: 'Inter';
     font-style: normal;
     color: #000000;
     padding-top: 14px;
     padding-bottom: 64px;
-    padding: 32px;
+    padding: 33px;
     max-width: 368px;
     text-align: center;
     font-weight: 400;
@@ -170,7 +169,6 @@ body {
 }
 
 .text-2-section h2 {
-    font-family: 'inter';
     font-weight: 600;
     font-size: 32px;
     line-height: 40px;
@@ -178,7 +176,6 @@ body {
 }
 
 .text-2-section p {
-    font-family: 'inter';
     font-weight: 400;
     font-size: 16px;
     line-height: 24px;
@@ -196,6 +193,20 @@ body {
     align-items: center;
 }
 
+.footer-image {
+    width: 70.83%;
+}
+
+.footer-image-div {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+.footer-image-section {
+    margin-top: 50px;
+}
+
 @media screen and (max-width: 1024px) {
     .banner-1-desktop {
         display: none;