.paragraph--type--card {
  background-color: var(--color-white);
  color: var(--color-text);
  display: flex;
  flex-direction: column;
  position: relative;
  transition: background-color ease-in-out .25s;
  border-top: 3px solid var(--color-pop);
  overflow: hidden;
  min-height: 100%;
}

.card--image {
  position: relative;
  max-height: 330px;
  overflow: hidden;
}

.card--image img {
  width: 100%;
  filter: brightness(75%) saturate(140%);
}

.card--content {
  padding: 1rem;
}


.card--content h2 {
  font-size: 22px;
  margin-bottom: 0;
}

.layout--onecol .paragraph--type--card {
  flex-direction: row;
}

/* .layout__region:has(.paragraph--type--card) {
  background-color: white;
} */