<style>
  body, html {
    margin: 0;
    padding: 0;
    overflow: hidden;
  }

  .intro-container {
    display: flex;
    height: 100vh;
    width: 100vw;
  }

  .intro-half {
    width: 50%;
    height: 100%;
    background-size: cover;
    background-position: center;
  }

  .left {
    background-image: url('/wp-content/uploads/2025/06/imagen1.jpg'); /* Ruta real */
  }

  .right {
    background-image: url('/wp-content/uploads/2025/06/imagen2.jpg'); /* Ruta real */
  }
</style>

<div class="intro-container">
  <div class="intro-half left"></div>
  <div class="intro-half right"></div>
</div>