how to fix the gallery here?

Question

I am trying to use the Aria template which is a free template made with Bootstrap.
I am trying to use the gallery without the text . Now when I remove the text from the lightbox the white background still appears. All I want is just the image with close button without text.

Here is the demo code of the gallery

  <div class="element-item development">
          <a class="popup-with-move-anim" href="#project-1">
            <div class="element-item-overlay"><span></span></div>
            <img src="images/project-1.jpg" alt="alternative">
          </a>
        </div>

And here is the theme Click here

Answer 1

you have to remove col-lg-4 whole tag and replace the col-lg-8 with col-lg-12 and also change class img-fluid to w-100

check the link

<div class="row">
            <button title="Close (Esc)" type="button" class="mfp-close x-button">×</button>
            <div class="col-lg-12">
                <img class="w-100" src="images/project-1.jpg" alt="alternative">
            </div> <!-- end of col -->
           
        </div>