img {
  --s: 20px;  
  --w: 300px; 
  
  width: round(var(--w),4*var(--s)); 
  aspect-ratio: 1;
  box-sizing: border-box;
  --_g: conic-gradient(#000 0 0) no-repeat 50%/;
  mask: 
    radial-gradient(calc(sqrt(2)*var(--s)),#000 calc(100% - 1px),#0000)
     0 0/calc(var(--s)*4) calc(var(--s)*4),
    var(--_g) calc(100% - 4*var(--s)) calc(100% - 4*var(--s)),
    var(--_g) calc(100% - 2*var(--s)) calc(100% - 2*var(--s)) subtract,
    radial-gradient(calc(sqrt(2)*var(--s)),#000 100%,#0000 calc(100% + 1px)) 
     calc(2*var(--s)) calc(2*var(--s))/calc(var(--s)*4) calc(var(--s)*4);
}