diff --git a/assets/css/custom.css b/assets/css/custom.css
index 0cec9fa..569c3e4 100644
--- a/assets/css/custom.css
+++ b/assets/css/custom.css
@@ -23,13 +23,3 @@ a:hover {
     background-color: var(--splash) !important;
     border-bottom: 1px dashed var(--primary);
 }
-.full-width {
-    left: 50%;
-	margin-left: -50vw;
-	margin-right: -50vw;
-	max-width: 100vw;
-	position: relative;
-	right: 50%;
-	width: 100vw;
-    opacity: 0.5;
-}
diff --git a/layouts/home.html b/layouts/home.html
index 2156627..083b98b 100644
--- a/layouts/home.html
+++ b/layouts/home.html
@@ -26,15 +26,12 @@ along with this program.  If not, see <https://www.gnu.org/licenses/>.
   <header>
     <h1 itemprop="name"><em>{{ .Title }}</em></h1>
   </header>
-  <div style="position: relative;">
-      <img class="full-width" src="/img/nikko-macaspac-6SNbWyFwuhk-unsplash.jpg"/>
-      <div style="position: absolute; top: 0;">
+  <div style="background-image: url(/img/nikko-macaspac-6SNbWyFwuhk-unsplash.jpg); background-size: cover; padding: 1em;">
       <h1 itemprop="name" >
          <a href="/post/2018/06/fuck-the-world">Featured Post: "Fuck The World"</a>
       </h1>
       <h2>Let me tell you a little secret I learned. There is one fundamental truth. One truth in this maelstrom. In universal entropy one thing remains…</h2>
-      </div>
-      <nav class="readmore" style="position: absolute; bottom: 40px; right: 0; font-size: 1em; padding: 1em; border: 1px solid var(--primary);">
+        <nav class="readmore" style="font-size: 1em; padding: 1em; border: 1px solid var(--primary); background-color: rgba(0,0,0, 0.6);">
         <a itemprop="url" href="/post/2020/12/52stories/">Read More&nbsp;»</a>
       </nav>
   </div>