article.html

      <figure>
        <div data-sizes="ad-half-600" class="dynamic-ad ad-half-600" height="600"></div>
        <div data-sizes="ad-half-500" class="dynamic-ad ad-half-500" height="500"></div>
        <div data-sizes="ad-half-400" class="dynamic-ad ad-half-400" height="400"></div>
      </figure>

resources.html

    <div class="grid article cols-2 no-page-2 last-page">
      <div class="column"></div>
      <div class="container col-3 cols-1 ad-half" data-sizes="ad-half-400 ad-half-500 ad-half-600">ad</div>
      <div class="column col-3"></div>
    </div>

style.css

.container {
  position: absolute;
  overflow: hidden;
  top: 24px;
  bottom: 24px;
}


.ad-half-400 {
  height: 400px;
}
.ad-half-500 {
  height: 500px;
}
.ad-half-600 {
  height: 600px;
}
.ad-half-700 {
  height: 700px;
}