.bannerContainer {
  width: 100%;
  overflow: hidden;
}


.bannerContents {
  width: 90%;
  max-width: 800px;
  margin: 150px auto 0;
  padding-bottom: 150px;
  align-self: flex-start;
  position: relative;
}

.bannerContents > img:first-of-type {
  width: 143px;
  position: absolute;
  top: -78px;
  left: -116px;
  z-index: -3;
}

.bannerContents > img:nth-of-type(2) {
  width: 483px;
  position: absolute;
  bottom: 0;
  left: calc(50% + 200px);
  z-index: -3;
}

.bannerContents a img {
  width: 100%;
  vertical-align: bottom;
}





@media (max-width: 1024px) {
  .bannerContents {
    /* width: 90%;
    max-width: 800px;
    margin: 150px auto 0; */
    padding-bottom: 150px;
    /* align-self: flex-start;
    position: relative; */
  }
  
  .bannerContents > img:first-of-type {
    width: 100px;
    /* position: absolute; */
    top: auto;
    bottom: 50px;
    left: 0;
    /* z-index: -3; */
    transform: rotate3d(0, 1, 0, 180deg);
  }
  
  .bannerContents > img:nth-of-type(2) {
    width: 330px;
    /* position: absolute; */
    bottom: 0;
    left: auto;
    right: -20px;
    z-index: -3;
  }
  
  /* .bannerContents a img {
    width: 100%;
    vertical-align: bottom;
  } */
}






@media (max-width: 560px) {
  .bannerContents {
    /* width: 90%;
    max-width: 800px; */
    margin: 100px auto 0;
    padding-bottom: 110px;
    /* align-self: flex-start;
    position: relative; */
  }
  
  .bannerContents > img:first-of-type {
    width: 100px;
    /* position: absolute; */
    top: auto;
    bottom: 30px;
    left: 0;
    /* z-index: -3; */
    transform: rotate3d(0, 1, 0, 180deg);
  }
  
  .bannerContents > img:nth-of-type(2) {
    width: 200px;
    /* position: absolute; */
    bottom: 0;
    left: auto;
    right: -20px;
    z-index: -3;
  }
  
  /* .bannerContents a img {
    width: 100%;
    vertical-align: bottom;
  } */
}