add an additional rotating globe in cesium

Hi all
I wanted to add an additional rotation globe and position the rotation of globe to the bottom left. I also perform configuration to remove everything except the earth. The output is not what I expected. The rotation of globe has a black background. and the label Cesium…

My code is found below…

CHLOROPHYLL CONCENTRATION @import url(../Build/Cesium/Widgets/widgets.css); html, body, #cesiumContainer { width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden;z-index:0; } #cesiumContainer1 { position:absolute;width:20%;height:20%;z-index:1;left:0%;bottom:0%;animation: spin 10s linear reverse infinite; } @keyframes spin{ 100%{background-position:500%;} }

Can you please help me on how to remove the black background in other words the background must be the background for cesium container. Please help me thank you…