Hide profile image on mobile devices

_layouts/about.html

@@ -14,11 +14,13 @@ layout: default
           {% if page.profile -%}
           <div class="rel-1z profile float-{%- if page.profile.align == 'left' -%}left{%- else -%}right{%- endif -%}">
             {%- if page.profile.image %}
+            <div class="prof-image">
               {%- assign profile_image_path = page.profile.image | prepend: 'assets/img/' -%}
               {% include figure.html 
               path=profile_image_path 
               class="img-fluid z-dept-1 rounded"
               alt=page.profile.image -%}
+            </div>
             {% endif -%}
             {%- if page.profile.address %}
             <div class="address">

_sass/_base.scss

@@ -88,6 +88,12 @@ boldtext {
   }
 }
 
+@media (max-width: 600px) {
+  .prof-image {
+    display: none;
+  }
+}
+
 .post-description {
   margin-bottom: 1rem;
   font-size: 0.9rem;