Better resizing of hero image for assets

Fixes #64

Author: britzl

_layouts/asset.html

@@ -13,15 +13,8 @@
 	{%- assign hero = "/images/asset-nohero.jpg" -%}
 {%- endif -%}
 
-<div class="section hero center blackwhite" style='background-image: url("{{ hero_base }}{{ hero }}"); min-height: 240px; max-height: 260px'>
-	<div class="container">
-		<div class="row">
-			<div>
-				<br/>
-				<br/>
-			</div>
-		</div>
-	</div>
+<div class="section hero center blackwhite unpadded">
+	<img src="{{ hero_base }}{{ hero }}" width="100%" loading="lazy"/>
 </div>
 
 <div class="section dark">

_scss/defold.scss

@@ -364,6 +364,9 @@
 .section.narrow {
 	padding: 1rem 0 1rem;
 }
+.section.unpadded {
+	padding: 0rem 0 0rem;
+}
 
 select {
 	overflow:auto;