.image-cover.is--accent_tab-media {
  position: relative;
}

.image-cover.is--accent_tab-media img {
  --clip-width: min(180px, 15%);

  clip-path: polygon(
    var(--clip-width) 0,
    0 100%,
    calc(100% - var(--clip-width)) 100%,
    100% 0
  );
}

.image-cover.is--accent_tab-media::before,
.image-cover.is--accent_tab-media::after {
  content: "";
  position: absolute;
  z-index: 1;
  opacity: 0;
  width: 2px;
  background: white;
  pointer-events: none;
  height: 141.42%; /* sqrt(2) * 100% for diagonal */
  transform-origin: top center;
}

.image-cover.is--accent_tab-media::before {
  left: min(180px, 15%);
  top: 0;
  transform: rotate(-69.44deg);
}

.image-cover.is--accent_tab-media::after {
  right: min(180px, 15%);
  bottom: 0;
  transform-origin: bottom center;
  transform: rotate(69.44deg);
}

@media (max-width: 768px) {
  .image-cover.is--accent_tab-media img {
    --clip-width: 12%;
  }

  .image-cover.is--accent_tab-media::before {
    left: 12%;
  }

  .image-cover.is--accent_tab-media::after {
    right: 12%;
  }
}

@media (max-width: 480px) {
  .image-cover.is--accent_tab-media img {
    --clip-width: 10%;
  }

  .image-cover.is--accent_tab-media::before {
    left: 10%;
  }

  .image-cover.is--accent_tab-media::after {
    right: 10%;
  }
}