Photo: With Caption

<style>
      @media screen and (max-width: 768px) {
          .ph-p {
              background-image: url(https://patterns.boston.gov/assets/images/fleet/boston-header3.jpg);
          }
      }

      @media screen and (min-width: 768px) {
          .ph-p {
              background-image: url(https://patterns.boston.gov/assets/images/fleet/boston-header3.jpg);
          }
      }

      @media screen and (min-width: 1024px) {
          .ph-p {
              background-image: url(https://patterns.boston.gov/assets/images/fleet/boston-header3.jpg);
          }
      }

      @media screen and (min-width: 1200px) {
          .ph-p {
              background-image: url(https://patterns.boston.gov/assets/images/fleet/boston-header3.jpg);
          }
      }
  </style>

  <div class="b b--fw">
      <div class="ph ph--wc">
          <div class="ph-p"></div>
          <div class="ph-c">
              <div class="h2 tt-u m-b200">This is the title</div>
              <div class="t--info m-b200">Here&#x27;s a caption of the photo</div>
              <div class="t--legal tt-u">Photo Credit: The Digital Team</div>
          </div>
      </div>
  </div>