I’m having some troubles with the Mapbox plugin.
When I use the map element, It does not allow me to hide the logo and I have to define a specific place for it. However, the logo appers over all my elements (on image two, the logo is over the side menu).
Try setting the z-axis of your modal to something like 9999, or something higher than the Mapbox’s z-index. Otherwise, some custom CSS should do, but I think it goes against their TOS.
In your case, the issue that we should be able to resolve right now is the logo appearing “above” the modal despite the map being under it. For this, I think @Broberto’s suggestion to play around with the Z-index is the way to go.