[BorisGrigoryan]

Okay so i used this code

https://www.w3schools.com/howto/tryit.as..._modal_img


The first picture i can zoom when i click on it, but when i try with the second picture it does not zoom in, any idea why?

Code

    <div class="col-md-3 img-portfolio">
            [b]<!--[/b] Trigger the Modal -->
                    <img id="myImg" src="./images/Portfolio/ARM_0649.jpg" width="300" height="200">
                    [b]<!--[/b] The Modal -->
                    <div id="myModal" class="modal">
                    [b]<!--[/b] The Close Button -->
                    <span class="close" onclick="document.getElementById('myModal').style.display='none'">&times;</span>
                    [b]<!--[/b] Modal Content (The Image) -->
                <img class="modal-content" id="img01">

                    [b]<!--[/b] Modal Caption (Image Text) -->
                    <div id="caption"></div>
                    </div>

            </div>
            
            <div class="col-md-3 img-portfolio">
            [b]<!--[/b] Trigger the Modal -->
                    <img id="myImg" src="./images/Portfolio/ARM_0649.jpg" width="300" height="200">
                    [b]<!--[/b] The Modal -->
                    <div id="myModal" class="modal">
                    [b]<!--[/b] The Close Button -->
                    <span class="close" onclick="document.getElementById('myModal').style.display='none'">&times;</span>
                    [b]<!--[/b] Modal Content (The Image) -->
                <img class="modal-content" id="img01">

                    [b]<!--[/b] Modal Caption (Image Text) -->
                    <div id="caption"></div>
                    </div>

            </div>

Any kind of help will be awesome.

[BorisGrigoryan]

Only the 1st img has a click handler, you need to attach for the 2nd too.

Here: https://jsfiddle.net/orkatek/LfLry7f7/

Thx brother! works perfect now.