Agregar animación final, guias

1- agragar el css en la pagina final.html
@media (max-width: 720px) {
  .felicitaciones1{
    margin-top: -183px!important;
    position: absolute!important;
    margin-left: 3px!important;
    font-size: 23pt!important;
    color: #fff!important;
    font-family: muli, sans-serif!important;
    font-weight: bold!important;
  }

  .felicitaciones2{
    margin-top: -145px !important;
    position: absolute !important;
    margin-left: 9px !important;
    font-size: 23pt !important;
    line-height: 1.1 !important;
    color: #fff !important;
    font-family: muli, sans-serif!important;
    font-weight: bold!important;
  }

  #u164164{
    width: 703px !important;
    height: 700px!important;
    left: -151px!important;
  }
}

@media (max-width: 400px) {

  .felicitaciones1{
    margin-top: -183px!important;
    position: absolute!important;
    margin-left: 53px!important;
    font-size: 17pt!important;
    color: #fff!important;
    font-family: muli, sans-serif!important;
    font-weight: bold!important;
  }

  .felicitaciones2{
    width: 283px;
    margin-top: -145px !important;
    position: absolute !important;
    margin-left: 58px !important;
    font-size: 17pt !important;
    line-height: 1.1 !important;
    color: #fff !important;
    font-family: muli, sans-serif!important;
    font-weight: bold!important;
  }

  #u164164{
    width: 400px !important;
    height: 700px!important;
    left: -39px!important;
  }
}

#u164164{
  width: 1015px;
    height: 700px;
    background-color: transparent;
    max-width: 100000px;
    position: relative;
    margin-right: -10000px;
    left: -138px;
    border-width: 0px;
}
.felicitaciones1{
  margin-top: -183px;
  position: absolute;
  margin-left: 59px;
  font-size: 30pt;
  color: #fff;
  font-family: muli, sans-serif;
  font-weight: bold;
}

.felicitaciones2{
  margin-top: -145px;
  position: absolute;
  margin-left: 72px;
  font-size: 30pt;
  line-height: 1.1;
  color: #fff;
  font-family: muli, sans-serif;
  font-weight: bold;
}

2- agregar html, cambiar el atributo src y el texto de la etiqueta p, con el de la leccion.Poner en la parte final del div con este
id id="page", como hay varias resoluciones, en las demas, aparece  con este atributo data-orig-id="page".

<div class="size_fixed grpelem" id="u164164" ><!-- custom html -->
 <video width="100%" height="100%" title="" poster="" autoplay>
    <source src=" " type="video/mp4">
    <source src="Add File" type="video/ogg">
    <source src="assets/Final-Lenguaje-screen.webm" type="video/webm">
  </video>
    <center class="felicitaciones1">¡Muy bien!</center>
    <p class="felicitaciones2">
      Ya diferencias los sustantivos, los adjetivos, los artículos y los  verbos. Ahora podrás expresar mucho mejor tus ideas.​​
    </p>

</div>

3- Agregar a el audio la variable autoplay

<audio preload="auto" controls autoplay>

4- agregar las animaciones en la carpeta assets.