.news-wrapper {
      margin: 0 auto;
/*    max-width: 1200px; */
display: flex;
flex-flow: row wrap;
justify-content: center;
padding: 1rem;
flex-direction: row;
flex-wrap: wrap;
align-content: center;
align-items: flex-start;
}

.news-card {
  max-width: 719px;
  /**border: 3px solid #cebe1e !important; **/
  margin: 0.5rem;
    /**border-width: 3px 0;
    border-style: solid;
    border-color: #493071;**/
    position: relative;
    height: auto;
    overflow: hidden;
    border-radius: 25px;
    flex: 1;
    min-width: 30%;
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.5);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
  }

  .news-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.7) 80%);
    z-index: 0;
  }

  .card-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
  }

  .news-image {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
    transition: transform 3s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: relative;
    z-index: -1;
  }

  .news-text-wrapper {
    position: relative;
    bottom: 0rem;
    padding: 2rem;
    color: white;
    background-color: #412150;
    transition: background-color 1.5s ease;
    border-top: 5px solid #000;
    display:none;
  }

  .news-post-date {font-size: small; margin-bottom: 0.5rem; float: right;}

  .news-details-wrapper {
    opacity: 1;
    transition: max-height 1.5s ease, opacity 1s ease;
    min-height:70px;
  }

  h2.card-title {
    transition: color 1s ease;
    margin-bottom: 0.5rem;
    font-size: larger;
    color:#ffcc33;
  }

  .news-card:hover .news-image {
    transform: scale(1.1);
    z-index: -1;
  }

  .news-card:hover .news-text-wrapper {
    background-color: #493071;
  }

  .news-card:hover .card-title {
    color: #facf50;
  }

  .news-excerpt {
    font-weight: 400;
  }