/**
* Block Name: teaser_1
*/

section.teaser_1 .awy_card {
  display: block;
  padding-top: 100%; /* initial ratio of 1:1*/
  position: relative;
  margin-bottom: 30px;
}

section.teaser_1 .awy_card .init_content .content_holder,
section.teaser_1 .awy_card .init_content .image_holder,
section.teaser_1 .awy_card .init_content .image_holder:before,
section.teaser_1 .awy_card .hover_content {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

section.teaser_1 .awy_card .init_content .content_holder {
  padding: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 3;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

section.teaser_1 .awy_card .init_content .image_holder {
  z-index: 1;
}

section.teaser_1 .awy_card .init_content .image_holder:before {
  content: " ";
  z-index: 2;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(255, 255, 255, 0)),
    to(rgba(255, 255, 255, 0.75))
  );
  background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75) 100%);
}

section.teaser_1 .awy_card .hover_content {
  opacity: 0;
  z-index: -1;
  -webkit-transition: opacity 0.2s cubic-bezier(0.77, 0, 0.175, 1);
  transition: opacity 0.2s cubic-bezier(0.77, 0, 0.175, 1);
  border-radius: 5px;
  background: var(--viridian);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: var(--white);
}

section.teaser_1 .awy_card:hover .hover_content,
section.teaser_1 .awy_card:focus-visible .hover_content {
  opacity: 1;
  z-index: 4;
}

section.teaser_1 .hover_content .action {
  opacity: 0.5;
}

@media (min-width: 767px) {
  section.teaser_1 .col-md-6:first-child {
    margin-top: 25%;
  }

  section.teaser_1 .col-md-6:nth-child(2n + 4) {
    margin-top: -25%;
  }
}