background image in section doesn't appear-CodePudding

I am trying to put an image in the background but it does not appear.I use bootstrap 5 and pure code in css and html, I have look few topic for try to resolve this but i don't know what i need to do

HTML

  <section  style="padding: 4%;">
        <div  href="scrollspyHeading1">
            <h1>MES SERVICES</h1>
            <h3>Des prestations adaptées à vos besoins</h3>
        </div>
        <div  href="scrollspyHeading2">
            <div >
                <div >
                    <div >
                        <div >
                            <h5 >Gestion de projets web</h5>
                            <p >Site vitrine, corporate, évènementiel, e-commerce, intranet, application
                                mobile.
                            </p>
                        </div>
                        <div >
                            <i ></i>
                        </div>

                        <div >
                            <h5 >Intégration Web</h5>
                            <p >Des intégrations (X)HTML / CSS respectueuses des standards du Web.</p>
                        </div>
                        <div >
                            <i ></i>
                        </div>

                        <div >
                            <h5 >Développements spécifiques</h5>
                            <p >Des outils adaptés à votre coeur de métier,
                                applications & solutions personnalisées.</p>
                        </div>
                        <div >
                            <i ></i>
                        </div>

                        <div >
                            <h5 >Référencement naturel</h5>
                            <p >Affichage sémantique des informations,
                                des pages propres pour un référencement optimal.</p>
                        </div>
                        <div >

                            <i ><img src="images/5902216.png" alt="" style="width: 100%;"></i>
                        </div>
                    </div>
                </div>
                <div >
                    <img src="images/index.jpeg"  alt="...">
                </div>
                <div >
                    <div >
                        <div >

                            <i ><img
                                    src="images/kisspng-icon-design-web-development-responsive-web-design-black-brush-5afd4d493dd9d2.7237427015265498332534.png"
                                    alt="" style="width: 100%;"></i>
                        </div>
                        <div >
                            <h5 >Conception graphique & Webdesign</h5>
                            <p >Logos, templates Web, plaquettes publicitaires,
                                cartes de visite, newsletters...</p>
                        </div>

                        <div >

                            <i ><img src="images/3938579.png" alt="" style="width: 100%;"></i>

                        </div>
                        <div >
                            <h5 >Dynamisme des pages</h5>
                            <p >Des animations de contenu non intrusives
                                pour embellir votre projet.</p>
                        </div>

                        <div >

                            <i ><img src="images/2739572-200.png" alt="" style="width: 100%;"></i>
                        </div>
                        <div >
                            <h5 >Interface d'administration</h5>
                            <p >Outils spécifiques au bon fonctionnement
                                de votre entreprise.</p>
                        </div>

                        <div >

                            <i ><img src="images/1027666.png" alt="" style="width: 100%;"></i>
                        </div>
                        <div >
                            <h5 >Responsive design</h5>
                            <p >Compatible tous supports, tablette & application mobile.</p>
                        </div>


                    </div>
                </div>
            </div>

            <p>Compatible Mobile, Tablettes & P.C</p>
            <h3>Développement Web Responsive</h3>
        </div>
    </section>

CSS

.caseservices {
  background-image: url("istockphoto-919065930-612x612.jpg");
}

In this section I tried to put an image in the background so that it doesn't look too empty but it doesn't display I tried to do as in a topic but it didn't work, where is the 'mistake

CodePudding user response：

I just tried your code and changed your image with one of mine to chek what appens. And it works fine. Maybe you can try to check if the link to your css file is correct or the name of the image is.