*, *::before, *::after {
    box-sizing: border-box;
  }

  * {
    margin: 0;
  }

.wrapper {
    height:100vh; width: 100vw; display: flex; justify-content: center; align-items: center; background-color: #e09f27;
}

.img {
    width: 100%;
    max-width: 400px;
    height: auto;
}

@media only screen and (min-width: 768px) {
    .img {
        max-width: 700px;
    }
}