img {
    width: 255px;
    height: auto;
    margin-left: 9%;
}

#un {
    clip-path: circle(40%);
}

#deux {
    clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
}

#trois {
    clip-path: ellipse(130px 140px at 10% 20%);
}

#quatre {
    clip-path: path('M 0 200 L 0,75 A 5,5 0,0,1 150,75 L 200 200 z');
}

#cinq {
    clip-path: polygon(50% 0%, 0% 100%, 100% 0);
}

#six {
    clip-path: polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%);
}

#sept {
    clip-path: polygon(0% 20%, 60% 20%, 60% 0%, 100% 50%, 60% 100%, 60% 80%, 0% 80%);
}

#huit {
    clip-path: polygon(100% 0%, 68% 41%, 100% 70%, 34% 100%, 48% 51%, 30% 36%);
}

#back {
    text-decoration: none;
    color: red;
}

#back:hover {
    color: yellow;
}