Hello, I need so much more items at the portfolio section. 

I can only use the ones who came in the template. 

If I duplicate items in the code, everything goes into chaos.

ow can I fix this todo use a lot of portfolio items?

If I add o duplicate an element far from the ones on the original code it goes like this, no matter what kind of image class I use for add more data.

Hello.  I found the issue. The thing Is that I don´t need video in my showcase. 
So, when I change this code part, which is the one containing MP4, and replace it whit another with images, I can´t add any extra items in my showcase (It works properly if I leave an MP4 item there. Beside that I can Add many image items normally without errors) 

   <div class="clapat-item vertical-parallax video-filter">
                                            <div class="slide-inner trigger-item change-header" data-centerLine="OPEN">                                                    
                                                <div class="img-mask">
                                                <div class="curtains" data-curtain-color="#d4d4d4">
                                                    <div class="curtain-row"></div>
                                                    </div>
                                                    <a class="slide-link" data-type="page-transition" href="project04.html"></a>
                                                    <div class="section-image trigger-item-link">
                                                        <img src="images/04hero.jpg" class="item-image grid__item-img" alt="">
                                                        <div class="hero-video-wrapper">
                                                            <video loop muted class="bgvid">
                                                                <source src="images/04hero.mp4" type="video/mp4">
                                                            </video>
                                                        </div>
                                                    </div>                                                
                                                    <img src="images/04hero.jpg" class="grid__item-img grid__item-img--large" alt="">                              
                                                </div>
                                                <div class="slide-caption trigger-item-link-secondary">
                                                    <div class="slide-title"><span>Cool Dude</span></div>
                                                    <div class="slide-date"><span>2024</span></div>
                                                    <div class="slide-cat"><span>Video Production</span></div>                                        
                                                </div>
                                            </div>

I think i need a code to  replace this with a containing JPG code that still working to add new duplicated image items without errors.
Can you do that for. me? 
thanks