Reorder image on index

Author: ctrl-vi

src/pages/index.astro

@@ -15,6 +15,11 @@ const seoDescription =
 
 <Layout {pageTitle} {ogType} {ogDescription} {seoDescription}>
 	<div id="content">
+		<Image
+			id="headshot"
+			src={headshot}
+			alt="Headshot of Violet Monserate, a brown woman with long black hair, playing cello"
+		/>
 		<div id="left">
 			<h1>
 				Violet Monserate
@@ -33,10 +38,6 @@ const seoDescription =
 			<a href="/projects" class="button">Projects</a>
 			<a href="/contact" class="button">Contact Me</a>
 		</div>
-		<Image
-			id="headshot"
-			src={headshot}
-			alt="Headshot of Violet Monserate, a brown woman with long black hair, playing cello"
-		/>
+
 	</div>
 </Layout>

src/styles/index.css

@@ -1,6 +1,6 @@
 #content {
     display: flex;
-    flex-flow: row nowrap;
+    flex-flow: row-reverse nowrap;
     align-items: center;
     justify-content: center;
     min-height: 70vh;
@@ -29,6 +29,11 @@ h1 strong {
   font-size: 75%;
 }
 
+img {
+    margin: 0;
+    padding: 0;
+}
+
 .button {
     background: #7213ad;
     border: none;
@@ -50,6 +55,7 @@ h1 strong {
 h1 {
     font-size: 2.5em;
     margin-bottom: 0.2em;
+    margin-top: 0em;
 }
 
 p {