<div class="container"></div>
@layer base, demo;

@layer demo {
  .container {
    border-width: 2rem;
    border-style: dotted;
    border-color: grey;
    border-image-source: url("https://www.dropbox.com/s/ox4c32a33sxd94y/white-and-grundge.jpg?raw=1");
    border-image-repeat: repeat;
    border-image-slice: 150 75;

    height: 250px;
    width: 250px;
  }
}

@layer base {
  body {
    display: grid;
    place-items: center;
    height: 100vh;
    background: #262626;
  }
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.