Restyle and rename class to differentiate event cards from news

(cherry picked from commit ea80b3a)

Author: bh412

src/app/components/elements/cards/EventCard.tsx

@@ -9,7 +9,7 @@ export const EventCard = ({event, pod = false}: {event: AugmentedEvent; pod?: bo
     const {id, title, subtitle, eventThumbnail, location, expired, date, endDate, multiDay} = event;
 
     return <RS.Card className={classnames({'card-neat': true, 'disabled text-muted': expired, 'm-4': pod, 'mb-4': !pod})}>
-        {eventThumbnail && <div className={'card-image text-center mt-3'}>
+        {eventThumbnail && <div className={'event-card-image text-center mt-3'}>
             <RS.CardImg
                 className={'m-auto rounded-circle'} top
                 src={eventThumbnail.src} alt={eventThumbnail.altText || `Illustration for ${title}`}

src/scss/cards.scss

@@ -21,7 +21,7 @@
   //  //margin-left: -1.45rem;
   //  //width: calc(100% - 0.5rem) !important;
   //}
-  .events-carousel & .card-image {
+  .event-card-image {
     img {
       display: block;
       height: 150px;

src/scss/homepage.scss

@@ -39,14 +39,6 @@
     }
   }
 
-  section#events {
-    img {
-      height: 151px !important;
-      width: 151px !important;
-      margin: 1rem;
-    }
-  }
-
   //section#sign-up-card {
   //  border: black 1px solid;
   //}