How to create raster grid above an image with css?

.raster-grid {
     background-image: repeating-radial-gradient(circle at center center, rgba(240, 243, 243, 0.11), rgba(240, 243, 243, 0.11) 1px, transparent 1px, transparent 100%), linear-gradient(0deg, rgba(24, 84, 179, 0.84) 0%, rgba(4, 35, 63, 0.94) 100%), url("https://yourdomain.com/img.jpg") !important;
     background-size: 3px 3px, auto, cover !important;
     background-position: 50% 50%, 50% 50%, 50% 50% !important;
     background-attachment: scroll, scroll, fixed !important;
     background-repeat: repeat, no-repeat, no-repeat !important;
 }