Normal

<div class="modal">
  <div class="modal-bg"></div>
  <div class="modal-visual">
    <img src="">
  </div>
</div>
            

Rounded corners

<div class="modal">
  <div class="modal-bg"></div>
  <div class="modal-visual radius">
    <img src="">
  </div>
</div>
            

Video

<div class="modal">
  <div class="modal-bg"></div>
  <div class="modal-visual radius">
    <video src=""></video>
  </div>
</div>
            

Attention

Since the maximum size is 100% on smartphones, it is recommended to place a screen hide button.
Please control with JavaScript.