Set image ratio

masks/project.html

@@ -7,7 +7,7 @@
 	<div id="settings">
 		<div id="settings-panel">
 			<div class="settings-header">
-				<div class="logo"><img src="images/logo_black.png" /></div>
+				<div class="logo"><img width="289" height="72" src="images/logo_black.png" /></div>
 				<div id="last_update"><p><span><img src="images/spot-logo-only.svg" alt="" /></span><abbr></abbr></p></div>
 			</div>
 			<div class="settings-sections">

style/_mask_project.scss

@@ -703,6 +703,7 @@ $legend-color: $post-color;
 
 					img {
 						width: 100%;
+						height: auto;
 						max-width: 180px;
 						transform: translateX(-10%); //Center Text, not logo. logo width (40px) / image width (200px) = 20%. And centering: 20% / 2 = 10%
 					}