Merge pull request 'Fix logo size and position with some highly advanced CSS' (#78) from Danhia/website:scoreboard/fix-network into main

Reviewed-on: #78

src/scoreboard/templates/scoreboard/network.html

@@ -8,7 +8,7 @@
   <div class="col-12">
     <div class="row justify-content-md-center justify-content-sm-center">
       <div class="col-4 col-sm-3 col-md-2 podium podium-two text-center">
-        <img src="{{ top3.1.0.logo }}" alt="{{ top3.1.0 }}" width="100%"/>
+        <img src="{{ top3.1.0.logo }}" alt="{{ top3.1.0 }}"/>
         <h3>#2 :</h3>
         <p>
           Score : {{ top3.1.1 }}
@@ -17,7 +17,7 @@
         </p>
       </div>
       <div class="col-4 col-sm-3 col-md-2 podium podium-one text-center">
-        <img src="{{ top3.0.0.logo }}" alt="{{ top3.0.0 }}" width="100%"/>
+        <img src="{{ top3.0.0.logo }}" alt="{{ top3.0.0 }}"/>
         <h3>#1 : </h3>
         <p>
           Score : {{ top3.0.1 }}
@@ -26,7 +26,7 @@
         </p>
       </div>
       <div class="col-4 col-sm-3 col-md-2 podium podium-three text-center">
-        <img src="{{ top3.2.0.logo }}" alt="{{ top3.2.0 }}" width="100%"/>
+        <img src="{{ top3.2.0.logo }}" alt="{{ top3.2.0 }}"/>
         <h3>#3 : </h3>
         <p>
           Score : {{ top3.2.1 }}

src/statics/css/style.css

@@ -320,7 +320,7 @@ footer {
   vertical-align: bottom;
 }
 .podium h3 {margin-top:-5%;}
-.podium img{position:relative;top: -55px}
+.podium img{position:relative;top: -55px; max-height: 50px; max-width: 100%;}
 .podium-one{
   background-color: #313131;
   height: 25vh;}