.wp-block-cover__background {
    background: linear-gradient(to bottom right,
            rgba(0, 0, 0, 1) 70%,
            rgba(0, 0, 0, 0) 100%) !important;
    width: 56% !important;
    min-width: 700px;

    height: 100vh !important;
    top: 0;
    left: 0 !important;
}


/* Right border as an image for the hero image*/
.wp-block-cover__background::after,
.wp-block-cover__gradient-background::after {
    content: "";
    position: absolute;
    top: 0;
    right: calc(-49%);
    width: 100%;
    height: 100%;
    background: url('../images/measurement_line.png') repeat-x;
    background-size: contain;
    /* scale image to border */
    background-position: center;
    filter: brightness(2) contrast(1.8) saturate(1.8);
   transform: rotate(-90deg);
    scale: 1.8;
}

/** Utility class used to add the swoosh behind text **/
.text-with-logo {
  position: relative;
  display: inline-block;
  z-index: 2;
  /* Makes container fit text dimensions */
}

.text-with-logo::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -40%) scale(2);
  background-image: url('../images/swoosh.svg');
  background-size: contain;
  /* Keeps logo proportions, fits within text */
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.2;
  /* Adjust opacity (0.1 = very faint, 0.5 = more visible) */
  z-index: -1;
  /* Places logo behind text */
}