.component.group--1 {
  position: relative;
}

.component.group--1::before {
  content: '';
  display: block;
  position: absolute;
  inset: 0;
  z-index: -1;
  background: var(--clr-white);
  clip-path: polygon(0 6vw, 100% 0, 100% calc(100% - 6vw), 0 100%);
}

.component.group--1 .component__background {
  grid-column: 1 / -1;
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  bottom: -155px;
}

.component.group--1 .component__background video {
  width: 100%;
  height: 100%;
}

.component.group--1 .component__background::before {
  content: '';
  display: block;
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, #ffffff 0%, rgba(255, 255, 255, 0.4) 45.67%, #ffffff 100%);
}