.wrapper {
  position: relative;
}

.shape-container {
  position: relative;
  margin: 0 auto;
  padding-right: 20%;
  clip-path: polygon(0 0, 80% 0, 100% 50%, 80% 100%, 0 100%);
  background-color: var(--shape-color);
  color: var(--text-color);
}

.shape-container .content-container {
  position: relative;
  padding: var(--padding);
}

.wrapper.bleed-left .bleed {
  position: absolute;
  top: 0;
  right: 100%;
  bottom: 0;
  width: 50vw;
  height: 100%;
  background-color: #000;
}

.wrapper.bleed-right::before {
  position: absolute;
  top: 0;
  left: 100%;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: var(--shape-color);
}