* {
  margin: 0;
  padding: 0;
}

body, html {
  width: 100%;
  height: 100%;
}

.Image-Placeholder {
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;   /* center horizontally */
  align-items: center;       /* center vertically */
  background: #000;          /* optional */
}

#Images {
  width: 80%;      /* 80% width (10% empty left + 10% empty right) */
  height: 50%;     /* image height 50% */
  object-fit: contain; /* keep aspect ratio */
  margin: auto;    /* centers it inside */
}