Restricciones con imágenes
Algunas animaciones dibujan su efecto con un pseudoelemento ::before o ::after — y una etiqueta
<img> a secas no puede tener uno; los navegadores nunca pintan pseudoelementos en elementos
reemplazados como imágenes, vídeos o campos de formulario.
Border es la única animación de
entrada/hover que necesita uno, así que es la única a la que afecta esto.
Para usar Border en una imagen, envuélvela en un contenedor (un <div>, un bloque contenedor de
Bricks/Etch, o un bloque Group del editor de bloques) y pon la clase de la animación en ese
contenedor en lugar de en la imagen.
La animación Border va en el contenedor (el Div), no en la imagen que hay dentro.