<div></div>
* { box-sizing: border-box } html, body { height: 100%; padding: 0; margin: 0; } div { width: 50%; height: 50%; margin: 25% auto; background: radial-gradient(circle at bottom left, transparent 19px, white 20px) no-repeat calc(100% - 20px) top / 20px 20px, radial-gradient(circle at top left, transparent 19px, white 20px) no-repeat calc(100% - 20px) bottom / 20px 20px, linear-gradient(45deg, transparent 15px, white 15px) no-repeat top right / 20px 50.1%, linear-gradient(135deg, transparent 15px, white 15px) no-repeat bottom right / 20px 50.1%, url('https://nlc.p3k.hu/data/cikk/18/171365/1.jpg') center / cover; border-radius: 20px 0 0 20px; }