fotografia

                </div>

                <div class="conteudo">
                    <img class="conteudo__img" src="imgs/office-594132_1920.jpg" alt="contabilidade">
                    <p class="conteudo__subtitulo"> contabilidade </p>
                </div>

                <div class="conteudo">
                    <img class="conteudo__img" src="imgs/work-731198_1920.jpg" alt="programação">
                    <p class="conteudo__subtitulo"> programação</p>
                </div>

                <div class="conteudo">
                    <img class="conteudo__img" src="imgs/entrepreneur-1340649_1920.jpg" alt="empreendorismo">
                    <p class="conteudo__subtitulo">empreendorismo</p>
                </div>

                <div class="conteudo">
                    <img class="conteudo__img" src="imgs/web-1935737_1920.png" alt="desenvolvimento de software">
                    <p class="conteudo__subtitulo">desenvolvimento de software</p>
                </div>

                <div class="conteudo">
                    <img class="conteudo__img" src="imgs/office-820390_1920.jpg" alt="design">
                    <p class="conteudo__subtitulo">design</p>
                </div>


        </section>

CSS ----------------------------

.body{ width: 100%; height: 100%; margin: 0 auto; }

.cursos-container{ display: flex; flex-direction: row; flex-wrap: wrap; margin-top: 2rem; justify-content: space-around; background: linear-gradient(steelblue , lightblue , white); }

.cursos{ margin:30px }

.conteudo {

padding: 20px;
margin-right: 40px;

}

.conteudo__titulo { font-size: 40px; font-family: Josefin Sans ; margin-left: 30%; margin-top: 1.6rem;

}

.conteudo__img{

width: 30%;
margin: 20px 20px;   

}

.conteudo__subtitulo{ font-size: 2rem;

}