diff --git a/app/src/components/OurTeam.css b/app/src/components/OurTeam.css
index 1deb6458745fc2776d937485f37b5214f8af7bc9..9a5cd0e94c222d6d99ad674c48e599eb6b063ba4 100644
--- a/app/src/components/OurTeam.css
+++ b/app/src/components/OurTeam.css
@@ -22,7 +22,9 @@ body {
   cursor: pointer;
   overflow: hidden;
   margin: 0.5vw;
-  background: rgba(255, 255, 255, 0.8)
+  background: rgba(255, 255, 255, 0.8);
+  border-radius: 50%;
+  text-align: center;
 }
 
 html[data-theme='dark'] .tile {
@@ -46,9 +48,15 @@ html[data-theme='dark'] .tile {
 .tile > .tileInfo {
   width: 100%;
   position: absolute;
-  bottom: 1vw;
+  bottom: 0;
+  height: 3vw;
   background: rgba(255, 255, 255, 0.4)
 }
+.tile:hover > .tileInfo{
+  bottom: 0;
+  height: 6vw;
+  transition: transform 500ms ease;
+}
 
 html[data-theme='dark'] .tile > .tileInfo {
   background: rgba(0, 0, 0, 0.4)
diff --git a/app/src/components/OurTeam.js b/app/src/components/OurTeam.js
index 43c98fecae0655b1d9e36a2913bca16808e714b0..57505ca090c05042ea31f4eebed13e1c627bbf3c 100644
--- a/app/src/components/OurTeam.js
+++ b/app/src/components/OurTeam.js
@@ -289,6 +289,7 @@ class Tile extends React.Component {
         margin: '0',
         boxShadow: '0 0 40px 5px rgba(0, 0, 0, 0.3)',
         transform: 'none',
+        borderRadius: '1%',
       };
       tileInfoStyle = {
         width: '50%',
diff --git a/app/src/pages/index.module.css b/app/src/pages/index.module.css
index 1669a73afe4734501ec2a57a1efe12de1383da46..53fa6bfec914427c64c489eb2b63bb91a1241ec0 100644
--- a/app/src/pages/index.module.css
+++ b/app/src/pages/index.module.css
@@ -7,7 +7,7 @@
   padding: 4rem 0;
   overflow: hidden;
   color: white;
-  background-image: url("/static/img/webcover_nologo.png");
+  background-image: linear-gradient(rgba(0, 0, 0, 0.527),rgba(0, 0, 0, 0.5)) , url("/static/img/webcover_nologo.png");
   background-size: cover;
 }