点图案叠加层在图像上渐隐

结果

这是我想要达到的结果

编辑：抱歉，我忘了提到我需要此解决方案来响应（即使示例中的图像是固定大小的），并且最好在调整图像大小时也希望图案点保持相同的大小。

值得庆幸的是，Temani Afif解决方案可以对此进行管理，并且还可以控制渐变！另外，为了使点更方正，将每个百分比更改为50％，例如径向渐变（最远的一面，蓝色50％，透明50％）

尝试将图像放置在svg内，并在图像顶部放置一个带有点图案的矩形。