.teaser .teaser-container {
  position: relative;
}
.teaser .teaser-container .svg-container {
  height: 8em;
  position: absolute;
  width: 100%;
}
.teaser .teaser-container .svg-container.two {
  stroke: #fff;
  height: 100%;
  stroke-width: 0.5em;
}
.teaser .style-h3 {
  font-size: 2.222em;
  font-size: clamp(1.11em, 2vw, 2.222em);
}

@media (max-width: 650px) {
  .teaser {
    margin-top: 4em;
  }
  .teaser .teaser-border-container {
    -webkit-clip-path: polygon(0% 0%, 0 9%, 1% 13%, 1% 1%, 100% 1%, 100% 0%);
            clip-path: polygon(0% 0%, 0 9%, 1% 13%, 1% 1%, 100% 1%, 100% 0%);
  }
  .teaser .teaser-container .svg-container {
    height: 4em;
  }
  .teaser .teaser-container .svg-container.two {
    stroke: #fff;
    height: 100%;
    stroke-width: 0.5em;
    position: absolute;
    top: -18%;
  }
  .teaser .teaser-logo {
    transform: translate(75%, -15%);
  }
  .teaser .teaser-logo .teaser-background {
    transform: translate(-15%, 4%);
  }
  .teaser .teaser-dots {
    width: 100%;
    max-width: 8em;
    background-color: transparent;
  }
  .teaser .teaser-wrap {
    grid-template-areas: " logo-container logo-container" "description description";
    grid-template-columns: 1fr;
  }
  .teaser .style-h3 {
    text-align: center;
    justify-content: center;
    padding-top: 0;
    margin-top: -2em;
  }
  .teaser .teaser-logo-container {
    flex-direction: column;
    align-items: center;
  }
}