View difference between Paste ID: SFF2N55J and QaJL6W4M

 >>>>>>> 1º Passo:
 
 Colem esse código entre <style type="text/css"> e </style>
 
-#cont{
+#br{
 
     margin-top:0px; /* quanto ela vai pra baixo */
     margin-left:0px; /* quanto ela vai pra direita */
     border-radius:100px; /* imagen circular igual a 100, imagem quadrada só é deixar em 0 */
     height:auto; /* altura da foto */
     width:200px; /* largura da foto */
-    -webkit-filter: contrast(2.0); /* o tanto do contraste, tem que ser maior que 1 */
+    -webkit-filter: blur(5px); /* o tamanho da distorção */
     -webkit-transition: opacity 0.8s linear;
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     -ms-transition: all 0.5s ease;
     transition: all 0.5s ease;
 }
 
-#cont:hover {
+#br:hover {
 
-     -webkit-filter: contrast(1); /* deixe em 1 pra voltar ao normal */
+     -webkit-filter: blur(0px); /* o tamanho da distorção */
      -webkit-transition: opacity 0.8s linear;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
       transition: all 0.5s ease;
 }
 
 >>>>>>> 2º Passo:
 
 Colem esse código depois de </style> e antes de </body>
 
-<img id="cont" src="URL da IMAGEM que vc quer">
+<img id="br" src="URL da IMAGEM que vc quer">
 
 TUTORIAL FEITO POR AMPLAMENTE.