imgsrc.html

<!DOCTYPE html>
<html>
<head>
   <title>NBN Map</title>
   <meta charset="utf-8" />
</head>
<body text="white" style="background-color:black">
Two *square* layers, regular html image transparency:
<img
style="background:url(
https://layers.nbnatlas.org/geoserver/ALA/wms?SERVICE=WMS&VERSION=1.1.1&REQUEST=GetMap&layers=ALA:world&SRS=EPSG:3857&BBOX=-1252770.56973,6219967.56158,336968.383919,8579947.95286&WIDTH=512&HEIGHT=512&FORMAT=image/png
"
src="
https://records-ws.nbnatlas.org/mapping/wms/reflect?q=text:bombus hortorum&SERVICE=WMS&VERSION=1.1.1&REQUEST=GetMap&LAYERS=ALA:occurrences&SRS=EPSG:3857&BBOX=-1252770.56973,6219967.56158,336968.383919,8579947.95286&WIDTH=512&HEIGHT=512&FORMAT=image/png&TRANSPARENT=true&BGCOLOR=0x000000&OUTLINE=true&ENV=colormode:osgrid;gridlabels:true;gridres:10kgrid;opacity:0.5;color:df4a21&GRIDDETAIL=16&STYLE=opacity:0.8"
/>
</body>