JSFiddle - React, Tailwind, and code Playground

HTML

<div class="pattern"><img src="http://img1.joyreactor.cc/pics/post/%D0%B3%D0%B8%D1%84%D0%BA%D0%B8-css-web-%D0%B4%D0%B8%D0%B7%D0%B0%D0%B9%D0%BD-geek-624071.gif" alt="#">
</div>

CSS

.pattern {
  position: relative;
  width: 500px;
}

.pattern:before {
  position: absolute;
  content: '';
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: transparent;
  background-image: radial-gradient(#001 15%, transparent 16%), radial-gradient(#001 15%, transparent 16%);
  background-size: 10px 10px;
  background-position: 0 0, 5px 5px;
}

img {
  width: 100%;
}