html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}
body {
  padding:0;
  margin:0;
}
div { position:absolute; background-repeat: no-repeat; width:100%; height:100%; background-position: 50% 50%; }
#wrapper {
  position:relative;
  width: 300px;
  height: 250px;
  border: 1px solid #333;
  overflow: hidden;
}

#bg       { background-image: url('bg.jpg'); }
#fist     { background-image: url('fist.png'); bottom:-18px; right: 30px; width: 225px; height: 192px; } 
#cta      { background-image: url('cta.png');  background-position: 183px 200px; }