Rotafilio_Vantive/contenido/13.html

<style>
  .fake {
    background-image: url(img/bg07.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }

  .hr-style {
    opacity: 1;
  }

  .card-style {
    background-color: rgba(182, 143, 178, 0.31);
  }
</style>
<div class="page-sco py-2 py-md-0 h-100">
  <div class="container h-100">
    <div class="row justify-content-center align-items-center h-100">
      <div class="col-12 px-0">
        <div class="row justify-content-center">
          <div class="col-10 mb-4 px-4 animate__animated animate__bounceInDown text-center">
            <div class="position-relative d-inline-block">
              <h2 class="text-center fw-bold text-primary">
                Lavado de manos de acuerdo con la técnica de la <br />
                OMS y uso correcto de cubrebocas<sup class="fw-bold">12</sup>
              </h2>
              <hr class="border border-3 border-verde-oscuro hr-style mx-auto my-0" />
            </div>
          </div>
          <div class="col-12 px-0">
            <div class="card card-style border-0 rounded-0 shadow-none py-3 px-4">
              <div class="row justify-content-center">
                <div class="col-10">
                  <div class="row justify-content-center align-items-center">
                    <div class="col-4 text-center animate__animated animate__flipInX">
                      <img src="img/13.0.png" class="img-fluid" />
                    </div>
                    <div class="col-4 text-center animate__animated animate__zoomIn animate__delay-1s">
                      <img src="img/13.1.png" class="img-fluid" />
                    </div>
                    <div class="col-4 text-center animate__animated animate__rotateInDownRight animate__delay-2s">
                      <img src="img/13.2.png" class="img-fluid" />
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<script>
  $(function () {
    'use strict';
    $('.wrap-course-content').addClass('fake');
    CourseNav.setSlideVisited();
  });
</script>