Custom image shape with css

Hi Tom/Leo

This question has nothing to do GeneratePress, but thought maybe you know a quick solution.
I am trying to shape my pictures and found a way to do it with css, unfortunately it is not supported by IE. Would you know a different way?

This is the CSS i am using:

.picturecut{
-webkit-clip-path: polygon(20% 0%, 100% 0, 100% 100%, 0% 100%);
clip-path: polygon(20% 0%, 100% 0, 100% 100%, 0% 100%);
}

Of course i can shape the picture in Photoshop, but than i have to use 2 images.
One for desktop and one for mobile.