Improvements to styles on smaller screens

Used smaller margins, padding and fonts to better fit content on the
Home, Projects and Contact screens.

Also fixed crossfade animation between screens.

src/app/home/home.component.html

@@ -1,10 +1,10 @@
 <div class="home-container">
   <div class="overlay" style="position: absolute;">
-    <img src="../../assets/CubeSpace.jpg" class="image">
+    <img src="../../assets/CubeSpace.jpg" class="image" alt="background">
   </div>
   <div class="center-column" style="height: 100%">
     <div style="width: 100%; margin: 0 auto; position: absolute">
-      <img src="../../assets/cameron-headshot.jpg" style="width: 27%; margin: 2em 0 1em 0">
+      <img src="../../assets/cameron-headshot.jpg" class="headshot" alt="headshot photo">
       <h1 class="overlay-text">Cameron Cordes</h1>
       <p
         class="thin-subtitle" style="color: white;">