body {
	background: linear-gradient(-30deg, #fff1f1, #f1fff1, #f1f1ff, #ffffff);
	background-size: 400% 400%;
	animation: gradient 15s ease infinite;
}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}



    .centercontent {
        position: absolute;
        max-width: inherit;
        height: auto;
        top: 50%;
        left: 50%;
	transform: translate(-50%, -50%);
    }


.container {
  ...
  position: relative;
}

.child {
  width: 100vw;
  height: 470px;
  background-color: none;
  /* Center vertically and horizontally */
  position: absolute;
  top: 50%;
  left: auto;
  margin: -200px 0 0 -8px; /* apply negative top and left margins to truly center the element */
}