ya revisaste como lo hicieron ellos ahi mismo esta la respuesta
.image-header-background {
position: absolute;
top: 50%;
right: 0;
left: 50%;
bottom: 0;
min-width: 100%;
min-height: 100%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
-webkit-transform: translate3d(-50%,-50%,0);
-moz-transform: translate3d(-50%,-50%,0);
-ms-transform: translate3d(-50%,-50%,0);
-o-transform: translate3d(-50%,-50%,0);
transform: translate3d(-50%,-50%,0);
}
.image-header-background-carrousel {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
overflow: hidden;
}
<figure class="image-header-background-carrousel">
<img class="image-header-background" data-image-id="2" src="/content/header/content-header2.jpg" alt="">
<img class="image-header-background" data-image-id="1" src="/content/header/content-header4.jpg" alt="" style="opacity: 0.5100000000000051;">
</figure>
aqui podes encontrar un tuto mas elaborado por si queres probar sino busca en google, css3 slideshow y vas a encontrar monton de alternativas
http://www.smashingmagazine.com/2012/04/25/pure-css3-cycling-slideshow/