diff --git a/src/css/global.css b/src/css/global.css
index e8e0303..95982eb 100644
--- a/src/css/global.css
+++ b/src/css/global.css
@@ -126,23 +126,16 @@ header > :last-child {
 }
 
 .float-right {
-  margin: 0;
+  margin: auto;
+  margin-bottom: 1em;
+  width: 100%;
+  height: auto;
+  max-width: 288px;
 }
-@media screen and (min-width: 600px) {
+@media screen and (min-width: 768px) {
   .float-right {
     float: right;
-    margin-left: 0.5em;
-  }
-}
-
-.float-right > img {
-  display: block;
-  width: 192px;
-  height: auto;
-}
-@media screen and (min-width: 600px) {
-  .float-right > img {
-    margin: auto;
+    margin-left: 1em;
   }
 }
 
diff --git a/src/css/global.css.map b/src/css/global.css.map
index e878c9e..a48302f 100644
--- a/src/css/global.css.map
+++ b/src/css/global.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["_colors.scss","_fonts.scss","global.scss","_mixins.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAGA;EACE;EACA;;ACLF;AAAA;AAAA;AAAA;AAWA;EACE,kBFgBS;EEfT,OFMM;EELN;EACA;;;AAGF;EACE,YAVa;;;AAaf;EACE;;;AAGF;EACE;;;AAGF;AAAA;EAEE;EACA,OA5BG;EA6BH;EACA;EACA;EACA,kBFlBM;EEmBN;;AC9BA;EDsBF;AAAA;IAUI;;;;AAIJ;AAAA;EAEE;EACA;;;AAGF;EACE;;;AAGF;EACE,OFdU;EEeV;;;AAGF;AAAA;EAEE,kBArDS;;;AAwDX;AAAA;AAAA;EAGE;EACA,OFnBY;EEoBZ;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;AAAA;EAEE;;;AAGF;EACE;EACA;;;AAGF;AAAA;EAEE;;;AAGF;EACE;;ACzFA;EDwFF;IAGI;IACA;;;;AAIJ;EACE;EACA;EACA;;ACnGA;EDgGF;IAKI","file":"global.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["_colors.scss","_fonts.scss","global.scss","_mixins.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAGA;EACE;EACA;;ACLF;AAAA;AAAA;AAAA;AAWA;EACE,kBFgBS;EEfT,OFMM;EELN;EACA;;;AAGF;EACE,YAVa;;;AAaf;EACE;;;AAGF;EACE;;;AAGF;AAAA;EAEE;EACA,OA5BG;EA6BH;EACA;EACA;EACA,kBFlBM;EEmBN;;AC9BA;EDsBF;AAAA;IAUI;;;;AAIJ;AAAA;EAEE;EACA;;;AAGF;EACE;;;AAGF;EACE,OFdU;EEeV;;;AAGF;AAAA;EAEE,kBArDS;;;AAwDX;AAAA;AAAA;EAGE;EACA,OFnBY;EEoBZ;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;AAAA;EAEE;;;AAGF;EACE;EACA;;;AAGF;AAAA;EAEE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;AC7FA;EDwFF;IAOI;IACA","file":"global.css"}
\ No newline at end of file
diff --git a/src/css/global.scss b/src/css/global.scss
index da5cc8e..8fc0152 100644
--- a/src/css/global.scss
+++ b/src/css/global.scss
@@ -100,18 +100,13 @@ header > :last-child {
 }
 
 .float-right {
-  margin: 0;
-  @include breakpoint("sm") {
-    float: right;
-    margin-left: 0.5em;
-  }
-}
-
-.float-right > img {
-  display: block;
-  width: 192px;
+  margin: auto;
+  margin-bottom: 1em;
+  width: 100%;
   height: auto;
-  @include breakpoint("sm") {
-    margin: auto;
+  max-width: 288px;
+  @include breakpoint("md") {
+    float: right;
+    margin-left: 1em;
   }
 }
diff --git a/src/index.md b/src/index.md
index 1c5319b..911e290 100644
--- a/src/index.md
+++ b/src/index.md
@@ -3,9 +3,7 @@ layout: page.njk
 date: Last Modified
 ---
 
-<p class="float-right">
-<img src="img/gba_gil.png" width="192" height="168" />
-</p>
+<img class="float-right" src="img/gba_gil.png" width="192" height="168" />
 
 # About Me