* {
    box-sizing: border-box;
  }

  @font-face {
    font-family:ENG1;
    src: url(BigCaslon-Medium.woff);
  }

  html {
    background-color:#F5F4F2;
    ; 
  }

  body {
    background-image: url('10.png');
    background-repeat: no-repeat;
    background-position: center top;
  }

  .image-container {
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: -1;
    perspective: 1000px
  }

  .container2 {
    position:absolute;
    left:85vw;
    top: 100px;
    transform: translate(-50%,-50%);
  }
  .container1 {
    position:absolute;
    left: 14vw;
    top: 100px;
    transform: translate(-50%,-50%);
  }
  h2{
    font-weight: 500;
    font-size: 8vw;
    z-index: 0;
    color: #1C171A;
    text-align: left;
    position: relative;
    display: inline-block;
    font-family:ENG1;
  }

  h3{
    font-family:ENG1;
    font-weight: 500;
    font-size: 8vw;
    z-index: 0;
    color: #1C171A;
    text-align: right;
    position: relative;
    display: inline-block;

  }

  img {
    max-width: 100%;
    max-height: 100%; 
    object-fit: contain; 

  }

  #collection {
    display:flex;
    flex-wrap:wrap;
    flex: 1 0 21%; 
    margin-left: 3vw;
  }

  img {
    max-width:300px;
    width:300px;
    max-height: 420px;
  }

  p {
    margin-top:0;
    text-align:center;
  }

a {
  color:#1C171A;
  text-decoration:none;
}

  .item {
    margin-right:10px;
    margin-left:20px ;
  }