diff --git a/docs/projects/cube3d_image.gif b/docs/projects/cube3d_image.gif
new file mode 100644
index 0000000..6436500
Binary files /dev/null and b/docs/projects/cube3d_image.gif differ
diff --git a/docs/projects/cube3d_raycasting.gif b/docs/projects/cube3d_raycasting.gif
new file mode 100644
index 0000000..387ee90
Binary files /dev/null and b/docs/projects/cube3d_raycasting.gif differ
diff --git a/index.html b/index.html
index 979b6c3..a3f3d15 100644
--- a/index.html
+++ b/index.html
@@ -155,6 +155,12 @@
 				<img src="./docs/projects/fdf_demo.gif"/>
 			</article>
 
+			<article>
+				<p>description</p>
+				<img src="./docs/projects/cube3d_raycasting.gif"/>
+				<img src="./docs/projects/cube3d_image.gif"/>
+			</article>
+
 			<div class="mouse"><div class="mouse_2 pre"></div></div>
 			<div class="banner banner_size_3 banner_speed_20 banner_reverse grid_full_width" aria-label="banner delimitation in ASCII art"></div>
 
diff --git a/styles/elements/projects.css b/styles/elements/projects.css
index fba0954..77d8fb7 100644
--- a/styles/elements/projects.css
+++ b/styles/elements/projects.css
@@ -5,6 +5,7 @@
 	article {
 		display: grid;
 		grid-gap: 20px;
+		margin-top: 100px;
 		/*
 		* trying to create a responsive design, but still some bugs
 		* so for now stick to mobile first