.pagina_3 .card-body{
    background-color: #11151c;
}

.pagina_3_numero{
    color: #222731;
    font-size: 48px;
    font-weight: 700;    
    top: 40px;
    right: 40px;
    line-height: 1;
    display: block;
    font-style: italic;
}

.pagina_3_imagen{
    width: 100%;
    height: 140px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* fuerza que el <i> acepte transformaciones */
.pagina_3_icono {
  display: inline-block;       /* MUY importante */
  vertical-align: middle;
  transform: translateZ(0);    /* ayuda al rendimiento/GPU */
  -webkit-transform: translateZ(0);
}

/* animación al pasar el ratón */
.pagina_3_icono:hover {
  -webkit-animation-name: bounce;
  -webkit-animation-duration: 0.6s;
  -webkit-animation-timing-function: ease;
  -webkit-animation-iteration-count: 3;

  animation-name: bounce;
  animation-duration: 0.6s;
  animation-timing-function: ease;
  animation-iteration-count: 3;
}

/* keyframes con prefijos por compatibilidad */
@-webkit-keyframes bounce {
  0%, 100% { -webkit-transform: translateY(0); transform: translateY(0); }
  50%      { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
}
@keyframes bounce {
  0%, 100% { transform: translateY(0); }
  50%      { transform: translateY(-10px); }
}