<div class="container-fluid background-image">
  <div class="row">
    <div class="col p-0">
      <div class="vh-100 d-flex align-content-between flex-wrap disable-user-select">

        <!-- HEADER -->
        <div class="row m-0 w-100 bg-primary-gradient-horizontal">
          <div class="col-6 bg-white p-5 rounded-bottom-right">
            <img class="w-25 mx-auto d-block" src="{{apiUrl}}/imagenes/logoaxion.png">
          </div>
        </div>

        <!-- INFO DE BIENVENIDA -->
        <div class="row w-100">
          <div class="col-4 offset-2">
            <img src="{{apiUrl}}/imagenes/accesoPLAYA.png" class="w-100">
          </div>
          <div class="col-6 text-center text-white my-auto">
            <p class="display-2 font-weight-bold mb-5">¡BIENVENIDO!</p>
            <p class="display-3 m-0">Toque la pantalla<br>para comenzar</p>
          </div>
        </div>

        <!-- FOOTER -->
        <div class="row m-0 w-100 bg-gray">
          <div class="col-6 bg-white offset-6 p-5 rounded-top-left">
            <img class="w-25 mx-auto d-block" src="{{apiUrl}}/imagenes/logodebo.png">
          </div>
        </div>

      </div>
    </div>
  </div>
</div>