title: How to create a box when mouse over text in pure CSS?
body: <p>I have tried many times to do this, but it has not worked out yet.</p>
  
  <p>When I mouse over this text</p>
  
  <p><img src="https://i.stack.imgur.com/LMEkG.jpg" alt="enter image description here"></p>
  
  <p>Then it must show me this box</p>
  
  <p><img src="https://i.stack.imgur.com/WRL00.jpg" alt="enter image description here"></p>
  
  <p>I want to achieve this effect purely with CSS if anybody can do this.</p>