要实现背景图像在不同元素中变得颗粒状，可以使用CSS的background-image属性和background-size属性来实现。下面是一个示例代码：

HTML代码：

CSS代码：

.container {
  width: 600px;
  height: 400px;
  position: relative;
}

.box1, .box2, .box3 {
  width: 200px;
  height: 200px;
  position: absolute;
  background-image: url("背景图像的URL");
  background-size: 100% 100%;
}

.box1 {
  top: 0;
  left: 0;
}

.box2 {
  top: 100px;
  left: 200px;
}

.box3 {
  top: 200px;
  left: 400px;
}

在上面的代码中，我们创建了一个容器（.container）和三个元素（.box1, .box2, .box3）作为子元素。每个元素都有相同的背景图像，但位置不同。

通过设置每个元素的background-size为100% 100%，背景图像将会自动适应元素的大小，并且不会被拉伸或压缩。

你可以将"背景图像的URL"替换为你自己的背景图像的URL。