I'm creating a map with two sets of tiles: the base map (mapbox tiles) and some tiles that represent a heatmap. Then I'm adding a GeoJSON object of the country. It looks like objects are placed in .leaflet-objects-pane and all the tiles are placed in .leaflet-tile-pane, which means those can't be positioned the way I'd like: base map tiles, geojson, heatmap tiles.

Is there a way to get this setup? I've tried adding the base & country as a layerGroup and messing with z-index values but that still doesn't position them correctly.

Thanks!