* {
  box-sizing: border-box;
}

body {
  margin: 0;
  overflow-x: hidden;
background-image: url("./images/golden-lion.png");
 background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
background-color: black;
background-size: auto 100%;
}

section {
  width: 100vw;
  height: 100vh;
  float: left;
  
}
section.automattic {
	background-size:100% 100%;
  background-image: url(https://unsplash.it/500/500/);
		
		
}
section.hover {
	background-size:100% auto;
  background-image: url(https://unsplash.it/500/500/);
}


<!-- https://images.unsplash.com/photo-1494007485290-ce668e189d92?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1350&q=80); -->
<!-- hover url(https://images.unsplash.com/photo-1496196614460-48988a57fccf?ixlib=rb-1.2.1&auto=format&fit=crop&w=1267&q=80); -->