Optimizing Gifs, added project, changed project img size.

src/components/Carousel.tsx

@@ -16,8 +16,8 @@ export default function Carousel({
 
     return (
         <div>
-            <div class="h-[360px] flex justify-center items-center">
-                <img class="max-w-[360px] m-0"src={ProjectMeta[currentIndex].data.img} alt={ProjectMeta[currentIndex].data.description} />
+            <div class="w-[100%] flex justify-center">
+                <img class="w-[95%] m-0"src={ProjectMeta[currentIndex].data.img} alt={ProjectMeta[currentIndex].data.description} />
             </div>
             <div class="flex justify-center">
                 <button onClick={prev} id="prev"><b>{"<-"}</b></button>

src/data/project/bbrad.json

@@ -0,0 +1,5 @@
+{
+    "title": "Blacksmithing Temperature Tool",
+    "description": "Using basic concepts of black body radiation and emmited spectra from hot metal you can determine the temperature of the heated metal. This is a simple tool that you can use to observe this phenomena.",
+    "img": "/project/bbody.png"
+}