Photo index

content/_index.md

@@ -6,10 +6,10 @@ title: index
   <h1 class="red-text">Announcement</h1>
   <p class="red-text">Abolish the Family: A Manifesto for Care and Liberation <a href="https://www.versobooks.com/books/4075-abolish-the-family">Available For Pre-Order Now</a>.<p>
   <div class="has-text-centered">
-    <image src="img/separator.jpg">
-    <image class="is-rounded" src="img/portrait.jpg">       
-    {{ $img := relURL ( printf "img/%s" $.Site.Params.about.headshot )}}
-              <img src='{{ $img }}'>
+    <image class="small-cover" src="img/separator.jpg">
+    <div class="headshot">
+      <image class="small-cover" src="img/portrait.jpg">       
+    </div>
   </div>
 
 <h1>I’m <b>Sophie Lewis</b>, writer, speaker, teacher, and recovering academic.</h1>

themes/sophie-lewis/assets/scss/main.scss

@@ -230,6 +230,10 @@ hr {
     width: 25%;
 }
 
+.small{
+  width: 25%;
+}
+
 .clearfix {
     clear: both;
 }