.eui-feature-grid-row_1 {
    text-align: center;
    display: inline-block;
}
    .eui-feature-grid-row_1__content {
      width: 100%;
      background: linear-gradient(to bottom, rgba(0, 0, 0, 0.91) 1%, rgba(0, 0, 0, 0.91) 18%, rgba(0, 0, 0, 0.51) 32%, transparent 50%);
      transition: 0.5s;
      padding: .5em 1em;
      border-radius: 0;
      box-shadow: 0; /* 1px 1px 10px black  */
     }
    .eui-feature-grid-row_1__content:hover {
      background-color: rgba(0, 0, 0, 0.6);
      transition: background-color 0.5s;
      box-shadow: 0; /* 5px 5px 50px black */
     } 
    .eui-feature-grid-row_1__description {
        opacity: 0;
        transition: opacity 0.5s;
        text-align: left;
        color: rgba(255, 255, 255, 0.9);
        font-weight: 100;
        text-shadow: 2px 0px 18px rgba(0, 0, 0, 0.9);
        overflow-y: auto;
        margin-top: 0.3em; 
      }  
    .eui-feature-grid-row_1__content:hover .eui-feature-grid-row_1__description {
      opacity: 1;
      transition: 0.5s; 
    }
    .eui-feature-grid-row_1__title {
      font-size: 1em;
      font-weight: bold;
      color: white;
      text-align: left; 
    }
    .eui-feature-grid-row_1__event-date {
      font-size: 1em;
      text-align: left;
      color: rgba(255, 255, 255, 0.7);
      font-weight: 100;
      margin-left: 0.1em;
      margin-bottom: 0.3em;
      margin-top: 0; 
    }
   .eui-feature-grid-row_1__image {
    text-align: center;
    display: inline-flex;
    width: 200px; /* 270px */
    height: 250px; /* 320px  */
    margin: 0.8em;
    box-shadow: 0 0 10px #b1bdbd;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    border-radius: 0; 
}
  
  /* -----------------------------------------
  Custom breakpoints:
  These have been created to make granular adjustments so that the flex
  container will always display only 4 or 2 item in each "row". These are not
  the standard breakpoints from _breakpoints.css
  --------------------------------------------*/
  @media screen and (max-width: 1220px) {
    a.eui-feature-grid-row_1__image {
      margin: 0.1em; } 
    }
  @media screen and (max-width: 1125px) {
    a.eui-feature-grid-row_1__image {
      margin: 0.8em; } 
    }