.wrapper {
  width: 100%;
  height: 100dvh;
}

.content {
  width: 100%;
  height: 100dvh;
}

.custom-shape {
  transition: all 1s none;
  display: block;
  width: 20vw;
  height: 20vw;
  opacity: 1;
  background-color: #a7a7a7;
  clip-path: polygon(0% 0%, 70% 0%, 100% 30%, 100% 100%, 30% 100%, 0% 70%);
}

.overlay-div {
  display: block;
  transition: all 1s none;
  background-color: rgb(0, 0, 0);
  clip-path: polygon(0% 0%, 100% 0%, 100% 50%, 100% 100%, 0% 100%, 0% 50%);
}

.filter-content {
  transition: all 1s none;
  transform: translateX(-20%);
  background-color: #ffffff;
}