.callout-block {
  position: relative;
  overflow: hidden;
}
.callout-block .callout-pattern {
  position: absolute;
  inset: 0;
  opacity: 0.1;
  pointer-events: none;
}
.callout-block .callout-pattern picture {
  display: block;
  width: 100%;
  height: 100%;
}
.callout-block .callout-pattern img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.callout-block .callout-content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin: 0 auto;
  opacity: 0;
  transform: translateY(50px);
}
.callout-block .callout-headline {
  color: white;
}
.callout-block .callout-attribution {
  font-family: "Source Sans 3", "Helvetica Neue", Helvetica, Arial;
  font-size: clamp(14px, 1.11vw, 18px);
  font-weight: 700;
  line-height: 1;
  color: #ffffff;
  margin: 0;
  text-transform: uppercase;
}
.callout-block:not(.bg-aqua):not(.bg-white) a {
  background-image: linear-gradient(to right, var(--wp--preset--color--white) 0%, var(--wp--preset--color--white) 100%), linear-gradient(to right, var(--wp--preset--color--aqua) 0%, var(--wp--preset--color--aqua) 100%);
}
.callout-block.bg-aqua .callout-headline, .callout-block.bg-white .callout-headline {
  color: #00515c;
}
.callout-block.bg-aqua .callout-attribution, .callout-block.bg-white .callout-attribution {
  color: #00515c;
}