Cleanup css on images.

src/routes/about/+page.svelte

@@ -265,10 +265,10 @@
 					justify-content: center;
 				"
 			>
-				<figure>
+				
 					<Img class="portfolio-image better-blur" src={space_needle} alt="Clip art of the Seattle space needle" />
 					<p class="center">Seattle Space Needle</p>
-				</figure>
+				
 			</div>
 		</div>
 		<div>
@@ -369,5 +369,6 @@
 		grid-template-columns: repeat(2, minmax(200px, 0.3fr));
 		align-items: center;
 		justify-content: center;
+		gap: 1rem;
 	}
 </style>

src/routes/uses/+page.svelte

@@ -539,14 +539,6 @@
 </div>
 
 <style lang="postcss">
-	figure {
-		display: grid;
-		grid-template-columns: minmax(500px, 0.65fr);
-		border-radius: 3px;
-		place-content: center;
-		margin-bottom: 2rem;
-	}
-
 	.uses {
 		li {
 			list-style: none;
@@ -566,18 +558,6 @@
 		}
 	}
 
-	.uses-image {
-		display: grid;
-		grid-template-columns: minmax(620px, 0.65fr);
-		place-content: center;
-
-		@media (max-width: 800px) {
-			grid-template-columns: minmax(480px, 0.65fr);
-		}
-		/* margin-left: auto; */
-		/* margin-right: auto; */
-	}
-
  .uses-block-styles {
 		margin: 2.5rem 0;
 		@media (max-width: 800px) {
@@ -614,8 +594,4 @@
 			}
 		}
 	}
-
-	:global(img) {
-		border-radius: 3px;
-	}
 </style>

src/styles/global.pcss

@@ -237,10 +237,11 @@ nav {
 
 img {
 	max-width: 100%;
+	border-radius: var(--borderRadius);
 }
 
 figure {
-	margin-inline: 2rem;
+	/* margin-inline: 2rem; */
 }
 
 .emoji:hover {