.swiper {
        width: 100%;
        height: 100%;
      }

      .swiper-slide {
        background-position: center;
        background-size: cover;
      }

      .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
      }


      .escrita-na-imagem {
        position: absolute;
        display: flex;
        justify-content: space-around;
        gap: 30px;
        z-index: 100;
        margin-top: 500px;


        
      }

      .escrita {
        display: flex;
        flex-direction: column;
        gap: 30px;
      }

      .escrita-na-imagem h1  {
        font-size: 40px;
        color: red;
      }

      .escrita-na-imagem span {
        color: yellow;
      }


      button {
        font-weight: bold;
        color: rgb(194, 0, 0);
        background-color: yellow;
        border: none;
        border-radius: 50px;
        padding: 7px 20px;
        font-size: 25px;
        cursor: pointer;
        transition: 0.3s;
      }


      button:hover {
        background-color: rgb(196, 196, 3);
      }