Fix event image

Author: ch0rizo

lego-webapp/pages/index/EventItem.module.css

@@ -28,7 +28,7 @@ div.body {
 .imageFrontpage {
   object-fit: cover;
   background: white;
-  height: 80px;
+  height: 70%;
   width: 270px;
 
   @media (--mobile-device) {
@@ -83,8 +83,11 @@ div.wrapper {
 }
 
 .info {
-  text-align: center;
+  display: flex;
   padding: 3px 6px;
+  height: 30%;
+  justify-content: center;
+  align-items: center;
 
   @media (--mobile-device) {
     display: none;

lego-webapp/pages/index/FrontpageEventItem.tsx

@@ -36,7 +36,6 @@ const FrontpageEventItem = ({ item, url, meta }: Props) => {
             )}
             <span className={styles.info}>{info}</span>
           </Flex>
-
           <div
             className={styles.right}
             style={{