diff --git a/src/App.jsx b/src/App.jsx
index e591f11c..4facba0f 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -13,6 +13,7 @@ import Home from "./Components/Home";
 import Portfolio from "./Components/Portfolio";
 
 import "./styles.css";
+import Education from "./Components/Education.jsx";
 
 /**
  * This object represents your information. The project is set so that you
@@ -46,6 +47,7 @@ const App = () => {
       <About />
       <Portfolio />
       <Footer {...siteProps} primaryColor={primaryColor} secondaryColor={secondaryColor} />
+      <Education />
     </div>
   );
 };
diff --git a/src/Components/Portfolio.jsx b/src/Components/Portfolio.jsx
index 62c52da1..3870aaa1 100644
--- a/src/Components/Portfolio.jsx
+++ b/src/Components/Portfolio.jsx
@@ -64,8 +64,9 @@ const Portfolio = () => {
         <div style={{ maxWidth: "40%", alignSelf: "center" }}>
           <img
             src={image}
-            style={{ height: "90%", width: "100%", objectFit: "cover" }}
+            style={{ height: "90%", width: "100%", objectFit: "cover", animation: "1s ease-out 0s 1 slideInLeft" }}
             alt={imageAltText}
+
           />
         </div>
         <div className="container">