Observa en el vídeo que hay una animación. El texto Extremadura aparece desde la izquierda, 2 segundos de duración, y el de “Red de Hospederías”, desde la derecha, 1.5 segundos. Al finalizar la animación los elementos se quedan en el final (pista: forwards). La caja está inclinada 8 grados (pista: transform: skewX(-8deg);). Observa que hay un overlay (cubierta) sobre el vídeo de color #cd9557. Al poner el ratón sobre los textos el overlay desaparecerá por la derecha con una transición de 2s en la opacidad y de 3 segundos en el efecto cortina. (pista: transition: opacity 2s, left 3s ease-out;) Si el ancho máximo es 575.98px el ancho de la caja con los texto será del 80% con un mínimo de 375px y el tamaño del texto Extremadura de 50px. “Red de Hospederías” es un enlace a la página con las tarjetas de las hospederías. Añade el favicon de Hospederías de Extremadura.

.container {
    width:100px;
    height:100px;
    top:50%;
    left:50%;
    position:absolute;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
}