Estoy buscando mostrar una imagen dentro de un div y cuando el mouse pasa sobre él, el borde debería aparecer dentro del div de alguna manera animada. Lo hice usando svg animado y funciona para pantallas grandes, pero no tengo idea de hacerlo para pantallas más pequeñas. ¡¡debe haber una alternativa adecuada!!

Intenté hacerlo usando líneas svg ... para lo cual usé cuatro de esas líneas y agregué animación en cada línea y las activé mientras pasaba el mouse. Cual es la forma correcta por favor. Enlace de Codesandbox enlace de lo que he hecho hasta ahora. Quiero un efecto similar para tamaños de imagen/div variables.