My images disappeared after using clearfix code

Before adding this clearfix code all my images were displaying properly after I added them all of my images disappeared blank space replacing all of them.

.clearfix {zoom:1}
.clearfix {

    content: attr('.');
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;

}