.clip-diagonal-left {
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 5% 100%);
  margin-right: 6px;
}

.clip-diagonal-right {
  clip-path: polygon(0% 0%, 95% 0%, 100% 100%, 0% 100%);
  margin-left: 6px;
}

.clip-left {
  clip-path: polygon(0% 0%, 100% 0%, 90% 100%, 0% 100%);
}
.clip-right {
  clip-path: polygon(10% 0%, 100% 0%, 100% 100%, 0% 100%);
}

@media (max-width: 768px) {
  .clip-left,
  .clip-right {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  }
}