html{ height: 100vh; width: 100%; }

body{ height: 100vh; width: 100%; }

*{ margin: 0; padding: 0; }

.container{ height: 100vh; margin: 0 auto 0 auto; max-width: 100%; position: relative; width: 100%; }

.container .zoom{ background-color: #DDD; height: 100vh; margin: auto; overflow: hidden; position: relative; width: 100%; 
	background-image: url("https://www.bahia-principe.com/public/2022/key_holder_tfe/fondo.svg");
	background-size: cover;
}

.container .zoom img{ bottom: 0; display: block; left: 0; margin: auto; max-height: 100%; max-width: 100%; position: absolute; right: 0; top: 0;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.zoom-transition{
  transition: -moz-transform ease 200ms;
  transition: -ms-transform ease 200ms;
  transition: -o-transform ease 200ms;
  transition: -webkit-transform ease 200ms;
  transition: transform ease 200ms;
}

.container_prueba {
	width: 100%;
	height: 2000px;
	background-color: aquamarine;
}