.card-wrapper {
  display: flex;
  flex-direction: column;
}
.card-wrapper .image-container {
  flex: 0.75;
}
.card-wrapper .image-container img {
  height: 100%;
  object-fit: cover;
}
.card-wrapper .content-container {
  flex: 1;
}
@media screen and (min-width: 750px) {
  .card-wrapper {
    flex-direction: row;
  }
}
.card-wrapper.card-bg-lightblue {
  background-color: var(--color-apg-lightblue);
}
.trigger {
  text-decoration: none;
  display: inline-block;
  height: 100%;
  width: 100%;
}
.card-wrapper * {
  color: white;
}
.card-wrapper {
  background-color: var(--color-apg-red);
  border-radius: 15px;
  height: 100%;
}
.card-wrapper.card-bg-red {
  background-color: var(--color-apg-red);
}
.card-wrapper.card-bg-blue {
  background-color: var(--color-apg-blue);
}
.card-wrapper.card-bg-yellow {
  background-color: var(--color-apg-yellow);
}
.card-wrapper .image-container {
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  overflow: hidden;
}
.card-wrapper.reverseme .image-container {
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  overflow: hidden;
}
.card-wrapper .image-container img {
  transition: 0.2s all ease-in-out;
  width: 100%;
}
.trigger:hover .image-container img {
  transform: scale(1.05);
}
.card-wrapper .content-container .content {
  padding: 0 2rem 1rem 2rem;
}
.card-wrapper .content-container .more {
  margin: 0 0 3rem 0;
  display: inline-block;
  box-sizing: border-box;
}

/*******************************************************************/
/* ftrtch dino */
/* [type: CSS] [file:main-link] [106.8317] DESIGN*/
/*******************************************************************/
/* 0.2 P>P */
/* db 159 */