tileLayer overlaps wind particles

[Kurun]

Hi,

I want to use the windy API as on the windy website, where when zooming more than level 12, the map background layer becomes open street map.

I founds that in order to do that, I must add the tile layer like so :

L.tileLayer(
    "https://tile.openstreetmap.org/{z}/{x}/{y}.png", {
      minZoom: 12,
      maxZoom: 17,
    }
  ).addTo(map);

However when doing so and zooming, I cannot see any particles... I changed to another map background that is mostly transparent (https://stamen-tiles-{s}.a.ssl.fastly.net/toner-lines/{z}/{x}/{y}.png) and then I could see that the particles are in fact behind the newly added tile layer.

How can I force the particles to go in front of the tile layer(s) ?

Here is a reproducible example : https://jsfiddle.net/kctyoe8p/ (I created the API key just for this bug report).

Thanks.