Linear gradient opposite direction

[asasass]

The colors are going to the right on here, can you also have colors going to the left?

Edit fiddle - JSFiddle - Code Playground

<svg width="260" height="200" style="position: absolute; border: 3px solid#0059dd;background-color:black;width: 266px; height: 200px;">

    <svg width="260" height="200">
      <defs>
        <linearGradient id="MyGradient">
          <stop offset="0%" stop-color="red" />
          <stop offset="33%" stop-color="transparent" />
          <stop offset="33%" stop-color="#0059dd" />
          <stop offset="34.2%" stop-color="#0059dd" />
          <stop offset="34.2%" stop-color="red" />
          <stop offset="68%" stop-color="transparent" />
          <stop offset="68%" stop-color="#0059dd" />
          <stop offset="69.2%" stop-color="#0059dd" />
          <stop offset="69.2%" stop-color="red" />
          <stop offset="102%" stop-color="transparent" />
        </linearGradient>
      </defs>

      <rect fill="url(#MyGradient)" x="0" y="0" width="260" height="200" />

    </svg>

[TechnoBear]

linear-gradient() | Codrops