Tengo un diseño donde las esquinas de las imágenes se cortan en un ángulo de 45 °. Por el momento, esto se logra al enmascararlo con un espacio absolutamente posicionado, que tiene una imagen de fondo transparente configurada con la esquina "cortada" en blanco opaco. Esto dista mucho de ser ideal, primero debido a la extensión adicional, segundo porque el fondo de la imagen no es blanco homogéneo.

Tengo la intención de generar PNG transparentes más adelante, pero sería más elegante y, considerando que las imágenes son fotografías, requieren poco uso de JPEG y CSS. La nueva propiedad de la máscara de CSS parecía prometedora, pero, según tengo entendido, no proporciona la capacidad de "enmascararse" al fondo del elemento, ¿verdad?

Entonces, mi pregunta es, ¿hay alguna nueva propiedad CSS por ahí de la que no tenga conocimiento y que me permita hacer esto?