diff --git a/assets/images/portfolio/efron.PNG b/assets/images/portfolio/efron.PNG
new file mode 100644
index 0000000..ea6db1e
Binary files /dev/null and b/assets/images/portfolio/efron.PNG differ
diff --git a/assets/images/portfolio/website.PNG b/assets/images/portfolio/website.PNG
new file mode 100644
index 0000000..e535bd1
Binary files /dev/null and b/assets/images/portfolio/website.PNG differ
diff --git a/assets/videos/portfolio/ardent.mp4 b/assets/videos/portfolio/ardent.mp4
new file mode 100644
index 0000000..e198868
Binary files /dev/null and b/assets/videos/portfolio/ardent.mp4 differ
diff --git a/portfolio/portfolio.css b/portfolio/portfolio.css
index 9f4dc63..cb1a7c2 100644
--- a/portfolio/portfolio.css
+++ b/portfolio/portfolio.css
@@ -21,18 +21,34 @@ main {
 }
 .right {
     margin-top: 2em;
-    margin-left: 40em;
+    margin-left: 20em;
     border-top-left-radius: 10em;
     border-bottom-left-radius: 10em;
-    padding-left: 2.5em;
+    padding-left: 5em;
+    padding-bottom: 1em;
 }
 
 .left {
     margin-top: 2em;
-    margin-right: 40em;
+    margin-right: 20em;
     border-top-right-radius: 10em;
     border-bottom-right-radius: 10em;
     padding-left: 0.5em;
+    padding-bottom: 1em;
+}
+
+.project > img {
+    border-radius: 1em;
+    max-width: 50em;
+    float: left;
+    margin-right: 1em;
+}
+
+.project > video {
+    max-width: 50em;
+    float: left;
+    border-radius: 1em;
+    margin-right: 1em;
 }
 
 #ardent {
diff --git a/portfolio/portfolio.html b/portfolio/portfolio.html
index 623644b..b5ee0f3 100644
--- a/portfolio/portfolio.html
+++ b/portfolio/portfolio.html
@@ -33,19 +33,21 @@
 
         <section class="project left">
             <h1 class="title">Ardent</h1>
-            <img src=""/>
+            <video controls alt="An image of the project site">
+                <source src="assets/videos/portfolio/ardent.mp4" type="video/mp4"/>
+            </video>
             <p class="description">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Facere, odit aut quod quam dolores fuga dolor illum neque, sunt laboriosam consequuntur harum, assumenda id soluta aliquid dolorum ullam deleniti vero.</p>
         </section>
         
         <section class="project right">
             <h1 class="title">Efron's Dice</h1>
-            <img src=""/>
+            <img src="assets/images/portfolio/efron.png" alt="An image of the output of the project script"/>
             <p class="description">Lorem ipsum dolor sit amet consectetur adipisicing elit. Explicabo commodi eveniet porro hic saepe ratione adipisci soluta consectetur voluptates id, asperiores voluptatum fugiat reiciendis impedit quasi quae aliquam? Atque, ipsum!</p>
         </section>
 
         <section class="project left">
             <h1 class="title">Portfolio Website</h1>
-            <img src=""/>
+            <img src="assets/images/portfolio/website.png" alt="An image of the project site"/>
             <p class="description">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Facere, odit aut quod quam dolores fuga dolor illum neque, sunt laboriosam consequuntur harum, assumenda id soluta aliquid dolorum ullam deleniti vero.</p>
         </section>
     </main>