Fix images in Chrome

src/Grid.js

@@ -22,8 +22,9 @@ class Grid extends React.Component {
 		return (
 			<div className='grid-container'>
 				<GridItem type='menu'>
-					<img src={logo} className='logo' alt='Tanner Collin logo' />
+					<img src={logo} className='logo' alt='Tanner Collin signature' />
 					<section>
+						<img src={tanner} alt='Tanner' />
 						<aside>
 							<p>Home</p>
 							<p>Projects</p>
@@ -32,15 +33,14 @@ class Grid extends React.Component {
 							<p>About</p>
 							<p>Contact</p>
 						</aside>
-						<img src={tanner} className='mug' alt='Picture of Tanner' />
 					</section>
 					<footer>More info or a .onion link.</footer>
 				</GridItem>
 				<GridItem type='project left'>
 					<header>LED Dress</header>
 					<section>
-						<p>A dress lit up with LEDs that act as twinkling stars. Seven act as The Big Dipper, and the rest twinkle randomly.</p>
 						<img src={dress1} alt='LED Dress thumbnail' />
+						<p>A dress lit up with LEDs that act as twinkling stars. Seven act as The Big Dipper, and the rest twinkle randomly.</p>
 					</section>
 					<footer>
 						<p>Project (Hardware)</p>
@@ -72,8 +72,8 @@ class Grid extends React.Component {
 				<GridItem type='project left'>
 					<header>Hand of Ozymandias</header>
 					<section>
-						<p>Sculpture welded together out of scrap metal for practice.</p>
 						<img src={hand1} alt='Metal Hand thumbnail' />
+						<p>Sculpture welded together out of scrap metal for practice.</p>
 					</section>
 					<footer>
 						<p>Project (Hardware)</p>