<div class="content-picture responsive-carousel">
  <div class="swiper newsSwiper w-100">
    <div class="swiper-wrapper pictures-news position-relative">

      <!-- Slide 1 -->
      <div class="swiper-slide">
        <div class="picture-item shadow-sm border bg-white">
          <div class="picture-desc p-4 w-100 h-100">
            <h3>Título da notícia ou evento</h3>
            <a class="btn btn-dark btn-sm mt-2">Continuar a ler</a>
          </div>
          <div class="picture-img w-100 h-100">
            <img src="{{ asset('assets/images/picture.jpg') }}" alt="Notícia 1">
          </div>
        </div>
      </div>

      <!-- Slide 2 -->
      <div class="swiper-slide">
        <div class="picture-item shadow-sm border bg-dark text-white">
          <div class="picture-desc p-4 w-100 h-100">
            <h3>Título da notícia ou evento</h3>
            <a class="btn btn-light btn-sm mt-2">Continuar a ler</a>
          </div>
          <div class="picture-img w-100 h-100">
            <img src="{{ asset('assets/images/picture.jpg') }}" alt="Notícia 2">
          </div>
        </div>
      </div>

      <!-- Slide 3 -->
      <div class="swiper-slide">
        <div class="picture-item shadow-sm border bg-white">
          <div class="picture-desc p-4 w-100 h-100">
            <h3>Título da notícia ou evento</h3>
            <a class="btn btn-dark btn-sm mt-2">Continuar a ler</a>
          </div>
          <div class="picture-img w-100 h-100">
            <img src="{{ asset('assets/images/picture.jpg') }}" alt="Notícia 3">
          </div>
        </div>
      </div>

    </div>

    <!-- Navegação -->
    <div class="swiper-button-next"></div>
    <div class="swiper-button-prev"></div>
    <div class="swiper-pagination"></div>
  </div>
</div>
