img {
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.light {
  background: #f3f5f7;
}

.postcard {
  flex-wrap: wrap;
  display: flex;
  box-shadow: 0 4px 21px -12px rgba(0, 0, 0, 0.66);
  border-radius: 10px;
  margin: 0 0 2rem 0;
  overflow: hidden;
  position: relative;
  color: #fff;
}

.postcard.light {
  background-color: #e1e5ea;
}

.postcard .t-dark {
  color: #18151f;
}

@media screen and (min-width: 769px) {
  .postcard .postcard__img {
    max-width: 300px;
    max-height: 100%;
    transition: transform 0.3s ease;
  }
}

@media screen and (min-width: 1024px) {
  .postcard.light .postcard__text:before {
    background: #e1e5ea;
  }
}