<html>
<head>
  <link rel="stylesheet" type="text/css" href="style.css">
</head>

<body>
  <div class="container">
    <div class="section">
      <p class="masked-copy texture">Your time is limited, don’t waste it living someone else’s life. Don’t be trapped by dogma, which is living the result of other people’s thinking. Don’t let the noise of other opinions drown your own inner voice. And most important, have the courage to follow your heart and intuition, they somehow already know what you truly want to become. Everything else is secondary.</p>
  </div>
</div>
</body>
</html>
body {
  background-color: #000;
}

.container {
  display: flex;
  margin: auto;
  width: 100%;
}

.masked-copy {
    -webkit-background-clip: text;
    color: transparent !important;
    font-size: 48px;
    line-height: 1.08365;
    font-weight: 600;
    letter-spacing: -.003em;
    font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
    -webkit-font-smoothing: antialiased;
}

.texture {
    background-repeat: no-repeat;
    background-image: url("https://www.apple.com/v/iphone-xs/b/images/overview/copy_texture_3_medium.jpg");
}

.section {
    margin-left: auto;
    margin-right: auto;
    max-width: 600px;
    background-color: #000;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.