What should I do to resolve the CLS issue on mobile view for my homepage?

[Sepsin_1988]

I've tried everything I can to resolve this issue however none of the solutions that I can found on google or with AI's worked.

Is there anyone who can help me?

The url to my site is: zodoristudio.com

It seems the issue is with this element:

<div class="slideshow__content-wrapper  overlapping-content-js  overlapping-content-js slideshow__content-wrapper--template--18483371475218__68cfae61-0ab2-4c3d-b51a-004ac5bd258b-1681990871ddb39b7e-1 slideshow__content-wrapper--end " data-bg="150,
                                            79, 
                                            76;" data-color="255,
                                            255, 
                                            255;">
                                        <style data-shopify="">
                                        .slideshow__content-wrapper--template--18483371475218__68cfae61-0ab2-4c3d-b51a-004ac5bd258b-1681990871ddb39b7e-1 {
                                            --context-image-width: 120px;
                                                
                                                --context-image-radius: 0px;
                                                
                                        }
                                        </style>
                                        
                                        <div class="slideshow__content slideshow__content-js block--template--18483371475218__68cfae61-0ab2-4c3d-b51a-004ac5bd258b-1681990871ddb39b7e-1 slideshow__content--narrow  false ">
                                            
                                            
                                                <h3 class="content-subheading content-subheading--minimal_uppercase  ">Faith, Fashion, Fusion</h3>
                                            
                                               
                                                <h1 class="content-heading  content-heading--minimal_uppercase heading_l_uppercase">Timeless Jewelry Inspired by Ancient Wisdom and Spiritual Journeys</h1>
                                            
                                              
                                                <div class="content-text content-text--minimal_uppercase  richtext ">
                                                <object><p>Our designs are inspired by ancient wisdom and spiritual journeys, blending tradition with modern aesthetics. Each piece symbolizes faith, harmony, and the limitless possibilities of life.</p></object>
                                                </div>
                                            
                                            
                                              

                                            
                                                <div class="slideshow__buttons">
                                                    
                                                        <div class="slideshow__button buttons-zoom "><object><a tabindex="-1" href="/blogs/stories" class="outlined-button button--minimal_uppercase ">Stories
</a></object></div>
                                                    
                                                    
                                                        <div class="slideshow__button buttons-zoom "><object><a tabindex="-1" href="/collections/all" class="outlined-button button--minimal_uppercase ">View products
</a></object></div>
                                                    
                                                </div>
                                            
                                        </div>
                                        
                                    </div>

[LizHoang]

Hi @Sepsin_1988, thanks for reaching out. 

Regarding your concern, you can consider the app Avada SEO Image Optimizer, which I hope can address your issue. 

I hope my information is helpful to you. 

Liz