limit image height, hyphenate long words

src/css/events.scss

@@ -96,11 +96,13 @@
   &-title {
     display: block;
     text-decoration: none;
-    font-size: 1.5rem;
+    font-size: 1.4rem;
     font-weight: 700;
     line-height: 1.1;
     margin: 1rem 0.6rem 0.8rem;
     flex-grow: 1;
+    word-wrap: break-word;
+    hyphens: auto;
   }
 
   .event-date {
@@ -162,12 +164,17 @@
     &-image {
       width: 36%;
       height: 100%;
+      max-height: 10rem;
     }
   
     &-header {
       width: 64%;
     }
 
+    &-title {
+      font-size: 1.2rem;
+    }
+
     &:hover {
       box-shadow: none;
     }