Static lead area with 1 large and 2 small areas.

app.css

.featured-post{
  color: @white;
  position: relative;
  height: auto;
  float: right;
  min-height: 225px;
  max-height: 225px;
  width: 50%;
  background-size: cover;
  background-position: center center;
  display: inline-block;
}
.featured-post a h2{
  background-color: rgba(26, 46, 95, 0.5);
  padding: 20px; 
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: -10px;
  color: @white;
}
.featured-post:first-child{
  color: @white;
  float: left;
  position: relative;
  height: auto;
  min-height: 450px;
  max-height: 450px;
  width: 50%;
  background-size: cover;
  background-position: center center;
  display: inline-block;
}
.featured-post:first-child a h2{
  background-color: rgba(26, 46, 95, 0.5);
  padding: 20px; 
  position: absolute;
  bottom: -10px;
  color: @white;
}

the html

<div class="stories-lead">
  <div class="featured-post" style="background: url(img/url/goeshere.jpg);" >
    <a title="" href="">
      <h2>Your Title</h2>
		</a>
	</div>
	<div class="featured-post" style="background: url(img/url/goeshere.jpg);" >
    <a title="" href="">
      <h2>Your Title</h2>
		</a>
	</div>
	<div class="featured-post" style="background: url(img/url/goeshere.jpg);" >
    <a title="" href="">
      <h2>Your Title</h2>
		</a>
	</div>
</div>