Tenta 1 HTML/CSS PART 2

body {
    font-family: 'Courier New', Courier, monospace;
}

img {
    width: 300px;
    height: 300px;
    border-radius : 10px;
}


.hover-effect:hover {
    opacity : 0.8;
    cursor: pointer;
}



img:nth-of-type(2) {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
}