Shondo is afraid of this HTML:

&lt;html&gt;&lt;style&gt;.a {
  display: inline-block;
  width: 300px;
  aspect-ratio: 14 / 9;
}
.a.b {
   background:
    linear-gradient(#00d2ff 20%, #ffa6b9 0 40%, white 0 60%, #ffa6b9 0 80%, #00d2ff 0)
}&lt;/style&gt;
&lt;div class="a b" role="img"&gt;&lt;/div&gt;&lt;/html&gt;
#00d2ff #ffa6b9 #ffa6b9 #00d2ff