.green-card .oak-decoration {
  opacity: 1;
  filter: none;
  object-fit: cover;
  object-position: 50% 10%;
  width: 42%;
  max-width: none;
  height: calc(100% - 28px);
  border-radius: 22px;
  top: 14px;
  right: 14px;
  bottom: auto;
  transform: none;
  box-shadow: 0 18px 42px rgba(23, 79, 52, .24);
}
.green-card > :not(.oak-decoration) { max-width: 56%; }
.green-card::after {
  content: "";
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(90deg, #e1efc2 0%, rgba(225, 239, 194, .92) 45%, rgba(225, 239, 194, 0) 100%);
  width: 27%;
  position: absolute;
  inset: 0 auto 0 48%;
}
@media (max-width: 760px) {
  .green-card .oak-decoration { width: 38%; height: calc(100% - 24px); top: 12px; right: 12px; }
  .green-card > :not(.oak-decoration) { max-width: 60%; }
}