#banner-wrapper {
    display: grid;
    //grid-template-columns: repeat(2, 1fr);
    gap: 0px;
  position: fixed;
  bottom: 0;
  z-index: 999;
  left: 50%;
  transform: translateX(-50%);
  margin-bottom: 0;
  width: 700px;
  max-width: 100%;
}
#banner-wrapper a {
    display: block;
}
#banner-wrapper a img {
    width: 100%;
    border-radius: 8px;
    transition: transform .3s, box-shadow .3s;
}
#banner-wrapper a img:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
}
  .gif-hop-qua {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-flow: row nowrap;
  }

  @media (max-width: 559px) {
    .gif-hop-qua {
      bottom: 319px;
    }

    .gif-hop-qua .gif-item {
      max-width: 180px;
    }
  }