Tengo un problema y es que al utilizar background: url(imagen.jpg); no muestra ninguna imagen en la pagina.

Solo me ha servido con url de imagenes ya en internet por ejemplo:
https://cdn.pixabay.com/photo/2019/09/15/14/22/coast-4478424__340.jpg

En cambio yo quiero utilizar mis imagenes descargadas y ya comporbe los directorios y no funciona, ejemplo:
url(images/oso.jpg);

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-css -->

    .img-idea2 {
      background: url(https://thumbs.dreamstime.com/z/team-idea-collaboration-35712050.jpg);
      width: 90%;
      border-radius: 30px;
      margin-left: 5%;
      margin-bottom: 2%;
      background-size: cover;
      min-height: 100vh;
      z-index: 1;
    }

<!-- language: lang-html -->

    <div class="img-idea2">
      <div class="bg-txt-img">
        <h2 class="txt-img-middle3">publish my idea in meet community to have my team</h2>
        <h4 style="color: rgb(219, 219, 219);" class="txt-img-middle4">
          <a href="#">
            <strong class="btn btn-light2">post</strong></a>
        </h4>
      </div>
    </div>

<!-- end snippet -->

[![En donde esta el texto deberia mostrar la imagen][1]][1]


  [1]: https://i.sstatic.net/jV9AM.png