* {
    margin: 0;
    padding: 0;
    outline: 0;
    box-sizing: border-box;
    list-style: none;
    text-decoration: none;
  }
  body{
    background-color: transparent;
  }

  .container {
    width: 1100px;
    margin: 0 auto;
    display: block;
  }

  @media screen and (min-width: 500px) {
    .center{
      height: 100vh;
      justify-content: center;
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .center img{
      width: 350px;
    }
  }

  @media screen and (min-width: 602px) {
    .center{
      height: 120vh;
      justify-content: center;
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .center img{
      width: 800px;
    }

  }
  @media screen and (min-width: 1300px) {
    .center{
      height: 600px;
      justify-content: center;
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .center img{
      width: 250px;
    }

 }