<div class="element">
  <center>
  <h1 class="animate__animated animate__lightSpeedInLeft"<i>Feliz día de la mamá</i></h1>
  <img src="https://i.pinimg.com/736x/00/8b/d6/008bd63d50c887f4559275bf34c6504f.jpg" width=500>
       <p class="animate__animated animate__zoomInLeft"><i>"Feliz día mamita hermosa eres increible y agradezco todo lo que me has dado.
             
    "</i><p>
  </center>

.element {
width: 100%;
height: 100%;
animation: pulse 5s infinite;
}

@keyframes pulse {
0% {
background-color: #001F3F;
}
50%
{
background-color: green;
}
100% {
background-color: #FF4136;
}
}

html,
body{
height: 100%;
  }
p{
  font-family: 'Piedra', cursive;
  font-size:30px;
}
.image{


border:5px solid black;
border-radius:40px;
transition: transform 0.3s;

}

.image:hover{
box-shadow:10px 10px 10px black;
transform:scale(1.1);
}