adobe.css

body {
  background-color: white;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.container {
  position: relative;
  height: 400px;
}

.adobe {
  /* colors */
  /* red #ff0000 */
  height: 400px;
  width: 600px;

  background: 
    linear-gradient(
      245deg,
      red 0%, red 23.5%,
      white 15%, white 40%,
      transparent 40%
    ) -100px 0,
    linear-gradient(
      -245deg,
      red 0%, red 23.5%,
      white 20%, white 40%,
      transparent 40%
    ),
    linear-gradient(
      245deg,
      transparent 0%, transparent 23.5%,
      red 20%, red 40%,
      transparent 40%
    ) -170px 0,
    linear-gradient(
      to bottom,
      white, white
    ) 0 330px / 400px 70px,
    linear-gradient(
      to bottom,
      red, red
    ) 0 0 / 400px 400px;
  
  background-repeat: no-repeat;
}