changing content

index.html

@@ -42,7 +42,7 @@ <h3>bditto.com</h3>
 					</ul>
 				</div>
 				<div class="poster">
-					<img src="./assets/bg-1.jpg" alt="">
+					<img src="./assets/projects/bditto.png" alt="">
 				</div>
 			</div>
 			<div class="project1">
@@ -57,7 +57,7 @@ <h3>thoughtz.ai</h3>
 					</ul>
 				</div>
 				<div class="poster">
-					<img src="./assets/bg-1.jpg" alt="">
+					<img src="./assets/projects/thoughtz.png" alt="">
 				</div>
 			</div>
 			<div class="project">
@@ -72,7 +72,7 @@ <h3>commclassroom.org</h3>
 					</ul>
 				</div>
 				<div class="poster">
-					<img src="./assets/bg-1.jpg" alt="">
+					<img src="./assets/projects/commclass.png" alt="">
 				</div>
 			</div>
 		</section>

styles/styles.scss

@@ -164,6 +164,7 @@ header{
                 height: 100%;
                 overflow: hidden;
                 transition: all .25s ease-in;
+                object-fit: contain;
 
                 &:hover{
                     transform: scale(1.025);
@@ -197,21 +198,18 @@ header{
 
             .info{
                 margin: 0 1rem;
+
                 h3{
                     font-size: 1.5rem;
                 }
             }
 
             .poster{
-                height: 15rem;
-            }
-        }
-
-        .project1{
-            flex-direction: column-reverse;
-
-            .info{
-                margin: 0 1rem;
+                height: 10rem;
+
+                img{
+                    width: 100%;
+                }
             }
         }
     }