diff --git a/assets/scss/index.scss b/assets/scss/index.scss
index 2a6bf9a..dd4e0a9 100644
--- a/assets/scss/index.scss
+++ b/assets/scss/index.scss
@@ -469,13 +469,13 @@ main > .content {
 /* Images */
 
 img {
+  max-width: 100%;
+  height: auto;
   margin: auto;
   object-fit: contain;
 }
 
 .avatar {
-  width: 100%;
-  height: 100%;
   border-radius: 50%;
   border: 3px solid {{ .Site.Params.color.primary }};
   object-fit: cover;
diff --git a/layouts/partials/hero.html b/layouts/partials/hero.html
index 973d560..a89efcb 100644
--- a/layouts/partials/hero.html
+++ b/layouts/partials/hero.html
@@ -9,7 +9,7 @@ hero:
     url: string
 content: string
 -->
-<div id="{{ .id }}" class="section {{if eq .odd 0}} section-even {{end}} row">
+<div id="{{ .id }}" class="section {{if eq .odd 0}} even {{end}} row">
   <div class="content hero">
     {{ with .hero }}
       <div class="content">