单击背景变暗的图像库

Question

我有一个图片库，我想在单击图像时使页面的其余部分变得更暗且不透明，并且在单击除图像以外的所有内容时都需要像以前一样返回。我不知道我是否也使用CSS或JS，是否需要引导模态之类的东西。您能帮助我找到最简单或最佳的方法吗？

<section class="gallery">
        <img src="http://juliecristobal.com/wp-content/uploads/2018/11/20180601_Emma_09_0509-copie.jpg" alt="image">
        <img src="http://juliecristobal.com/wp-content/uploads/2018/11/20180701_Schon__010127.jpg" alt="image">
        <img src="http://juliecristobal.com/wp-content/uploads/2018/11/SK_FW18_ADDITIONALPIC_06_WEB.jpg" alt="image">
        <img src="http://juliecristobal.com/wp-content/uploads/2018/11/20180415_Elodie_05_1176-2-copie-1.jpg" alt="image">
    </section>