.cards-overlay, 
.cards-overlay__item {
  display: flex;
  flex-wrap: wrap;
}

.cards-overlay__item {
  position: relative;
  flex-flow: column;
}

.cards-overlay .hs_cos_wrapper_type_inline_rich_text *:last-child {
  margin-bottom: 0; 
}

.cards-overlay__item .cards-overlay__item-link {
  flex-flow: column;
}

.cards-overlay__content {
  height: 100%;
  position: relative;
  display: flex;
  flex-flow: column;
  flex-wrap: wrap;
  top: 0;
  transition: all .4s ease-in;
}

.cards-overlay--text-on-image .cards-overlay__content {
  top: 54%;
}

.cards-overlay--text-on-image .cards-overlay__content .cards-overlay__content-text p {
  opacity: 0;
  margin-bottom:20px; 
}

.cards-overlay__content-image {
  display: inline-block;
}

.cards-overlay__content-cta .button {
  display: inline-block;
}

.cards-overlay__item-link {
  display: flex;
  background-color: transparent;
  text-decoration: none !important;
}

/** Layouts - Image Top **/
.cards-overlay--image-top {
  margin-bottom: 1em;
}
/** END Layouts - Image Top **/

/** Layouts - Text on Image */
.cards-overlay__content-text-on-image {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  transition: transform 0.5s;
  transform: scale(1.05);
}

.cards-overlay__item:hover .cards-overlay__content-text-on-image {
  transform: scale(1.2);
}

.cards-overlay--text-on-image .cards-overlay__item:hover .cards-overlay__content {
  transition: all .4s ease-in;
  top: 0;
  display: block; 
}

.cards-overlay--text-on-image .cards-overlay__item:hover .cards-overlay__content .cards-overlay__content-text p {
  opacity: 1;
}

.cards-overlay--text-on-image .cards-overlay__item {
  overflow: hidden;
}
/** End Layouts - Text on Image **/

@media (max-width: 1184px) { 
  .cards-overlay--text-on-image .cards-overlay__content {
    top: 79%;
  } 
}
{# ---- Tablet Breakpoint ---- #}    
@media (max-width: 992px) { 
  .cards-overlay--text-on-image .cards-overlay__content {
    top: 73%;
  }   
}

{# ---- Mobile Breakpoint ---- #}    
@media (max-width: 765px) { 
  .cards-overlay--text-on-image .cards-overlay__content {
    top: 73%;
  }   
}


/* sigh */
.cards-overlay__content-text p {
    font-weight: bold;
    text-decoration: underline;
}


@media (max-width: 1184px) {
    .cards-overlay__item {
    height: 350px !important;
    }
  .cards-overlay__item h3 {
    margin-bottom: 50px !important;
    }
}