Bootstrap / CSS слоистый текст?

Question

Немного новичка. В настоящее время есть этот CSS (загрузка начальной загрузки)

.jumbotron {
  background: #c62641;
  color: white;
  text-align: center;
}
.jumbotron p {
  color: white;
  font-size: 26px;
}
.jumbotron a {
  color: white; 
}
.backtext {
  color: #b2223a;
  font-size: 30px;
  text-align: center;
  z-index: 1;
  position: relative;
}

И этот HTML

<div class="jumbotron">
  <div class="container">
    <h1>
      <a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a>
    </h1>
    <span class="backtext"><?php bloginfo('name'); ?></span>
  </div>
</div>

Я хотел бы красный jumbotron, с названием блога один в белом (работает), а затем снова прямо за ним в темно-красном. Похоже на водяной знак.

Возможно ли это, пожалуйста, если да, есть идеи?

Спасибо