Eso que te susede siempre te ocurrirá, pero puedes hacer el siguiente truco:
- En un DIV (al final del HTML) insertas las imágenes que quieras que se muestren al pasar el mouse por encima de la imagen (imágenes del efecto hover)
- A este DIV le das la propiedad CSS display:none;
Entonces al cargar la pagina, cargará las imágenes junto con el codigo fuente del html... y cuando desconectes al cable de internet... al hacer el efecto hover... resultará lo que querias (pues las imagenes se han cargado previamente).
Te doy una probabilidad de un 80% de que te funcione... el truco lo invente recien

.
Suerte
PD: me gusto el diseño de la web, solo que el "bienvenido" esta muy normal... y como es una imagen, podrías editarla mejor.