.img-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.img-item {
  display: block;
}

/* Declare heights because of positioning of img element */
.img-item {
  height: 25rem;
}
.img-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  background-size: 34rem;
}

/* Titel */
.img-caption {
  position: absolute;
  right: 15%;
  bottom: 100px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
}

#center-image {
  /* center image*/
  display: inline;
  margin: 0 auto;
  /* center image*/
  position: absolute;
  height: 100%;
  width: auto;
}