💄 Make Commodore image use max-width, instead of width

Makefile

@@ -16,7 +16,7 @@ Gemfile.lock:
 _config.local.yml:
 	touch $@
 
-_site/index.html: .image _config.local.yml
+_site/index.html: .image _config.local.yml index.html
 	podman run --rm -v $(shell pwd):/app:rw -w /app $(IMAGE) bundle exec jekyll build -c '_config.yml,_config.local.yml'
 
 serve: _site/index.html

_assets/css/responsive_sizes.scss

@@ -5,6 +5,9 @@
         .#{$abbrev}-#{$bpname}-#{$size} {
           #{$prop}: $length;
         }
+        .m#{$abbrev}-#{$bpname}-#{$size} {
+            max-#{$prop}: $length;
+        }
       }
     }
   }

index.html

@@ -8,7 +8,7 @@ title: Introduction
 <section id="webdeveloper">
 <h2>Dan Jones, the Web Developer</h2>
 
-<figure class="figure float-md-right mw-100 w-md-50">
+<figure class="figure float-md-right mw-xs-100 mw-md-50">
   <img src="https://res.cloudinary.com/danjones000/image/upload/v1518462377/danielrayjones/C64c_system.jpg"
 	   class="figure-im img-fluid" alt="Commodore 64" />
   <figcaption class="figure-caption">