From c299849e87302836cbb29101b2c4d66f51628562 Mon Sep 17 00:00:00 2001
From: darksnake <altavir@gmail.com>
Date: Sun, 4 Apr 2021 09:27:21 +0300
Subject: [PATCH] Fix image layout

---
 src/components/magprog/assets/sass/components/_image.scss | 3 ++-
 src/pages/magprog/index.js                                | 4 ++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/magprog/assets/sass/components/_image.scss b/src/components/magprog/assets/sass/components/_image.scss
index 920fd4b..ff7101f 100644
--- a/src/components/magprog/assets/sass/components/_image.scss
+++ b/src/components/magprog/assets/sass/components/_image.scss
@@ -54,7 +54,8 @@
     width: 100%;
 
     img {
-      width: 100%;
+      max-width: 100%;
+      max-height: 25em;
     }
   }
 }
\ No newline at end of file
diff --git a/src/pages/magprog/index.js b/src/pages/magprog/index.js
index 6ff1997..9a69fcd 100644
--- a/src/pages/magprog/index.js
+++ b/src/pages/magprog/index.js
@@ -27,7 +27,7 @@ function mentors(edges) {
                 const photo = edge.node.frontmatter.photo;
 
                 return <section key={`mentor_${id}`} id={`mentor_${id}`}>
-                    <div className="image fit">
+                    <div className="image main">
                         <img src={withPrefix(`images/magprog/mentors/${photo}`)}
                              alt={name}
                         />
@@ -67,7 +67,7 @@ function team(edges) {
 
                 return (
                     <section key={`team_${id}`}>
-                        <div className="image fit">
+                        <div className="image main">
                             <img src={withPrefix(`images/members/${photo}`)} alt={name}/>
                         </div>
                         <div className="content">