The CSS: selectors and properties WCS Quest

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

/* English : Replace the dots below by a selector targeting all the images of the page. */


img {
    width: 300px;
    height: 300px;
    border-radius: 25px;      /* English : Replace with a property that makes the image borders look rounded. */

}

/* English : Replace the dots below by a class named "hover-effect" with a :hover pseudo-class. This class has to target the first image and the last image of the page. */


img:hover:nth-of-type(odd) {
    opacity: 0.8;      /* English : Replace with a property responsible for opacity changes. */

    cursor: pointer;
}

/* English : Replace the dots below by a selector targeting the second image of the page. Do not use a class or an id! */


img:nth-of-type(2) {
    filter: grayscale(100);  /* English : Replace with a property that makes the image look black & white. */

}