title: Mathjax conflict with css opacity
body: <p>sometimes it works well:</p>
  
  <p><img src="https://i.stack.imgur.com/MUo3N.png" alt="works well"></p>
  
  <p><br></p>
  
  <hr>
  
  <p>However, sometimes it looks like the formula is above the header layer..
  <img src="https://i.stack.imgur.com/o1Ljz.png" alt="stange"></p>
  
  <p>Is there any way to figure this out??</p>