JSFiddle - React, Tailwind, and code Playground

HTML

<div id="parent">
   <div> 
      <div id="Container1" >
         <div id="Container1">  
         <object>.....</object>
         </div>
      </div>
   </div>
   <div onclick="appear()" id="child-2">
      <div id="child-of-child">clk</div>
   </div>
</div>

CSS

div#parent > div:first-child > div:first-child {
display:none
}

JavaScript

function appear() {
document.getElementById("Container1").style.display="block";
}