JSFiddle - React, Tailwind, and code Playground

HTML

<div></div>

CSS

div
{
  border: 1px solid black;
  width: 100px;
  height: 2000px;
  display: inline-block;
  background-image:
        linear-gradient(to bottom, #383937 0, #001500 35px, #ffffff 35px, #b0b0b0 150px),
        linear-gradient(to bottom, #963 0, #abc 150px);
  background-size:
        100px 150px,
        100px 150px;
  background-position:
        0 0,
        0 150px;
  background-repeat: no-repeat;
}