.tier-list {
  display: grid;
  flex-wrap: wrap;
  max-width: 360px;
  object-fit: contain;
  margin-top: 50px;
  justify-items: center;
  gap: 10px;
  padding-left: 5px;
  padding-right: 5px;
}

@media (min-width: 576px) {
  .tier-list {
    display: grid;
    flex-wrap: wrap;
    max-width: 576px;
    justify-content: center;
    gap: 10px;
  }
}

@media (min-width: 992px) {
  .tier-list {
    display: grid;
    flex-wrap: wrap;
    max-width: 900px;
    justify-content: center;
    gap: 10px;
  }
}

.tier-list-alt {
  display: grid;
  flex-wrap: wrap;
  max-width: 360px;
  object-fit: contain;
  margin-top: 50px;
  justify-items: center;
  gap: 10px;
  padding-left: 5px;
  padding-right: 5px;
}

@media (min-width: 576px) {
  .tier-list-alt {
    display: grid;
    flex-wrap: wrap;
    max-width: 576px;
    justify-content: center;
    gap: 10px;
  }
}

@media (min-width: 992px) {
  .tier-list-alt {
    display: grid;
    flex-wrap: wrap;
    max-width: 992px;
    justify-content: center;
    gap: 10px;
  }
}

.list-group-item img {
  /*max-height: 110px;*/
  object-fit: contain;
  /*width: 100%;*/
  height: auto;
  width: 80px;
}

@media (min-width: 576px) {
  .list-group-item img {
    max-height: 400px;
    width: 155px;
    height: auto;
  }
}

@media (min-width: 992px) {
  .list-group-item img {
    /*width: 300px;*/
    /*height: auto;*/
    /*object-fit: contain;*/
    width: auto;
    max-height: 230px;
  }
}

.list-group-item {
  /*position: relative;*/
  /*display: flex;*/
  color: #00000000;
  text-decoration: none;
  background-color: rgba(255,255,255,0);
  border: none;
  transition: all 0.3s ease;
  /*max-width: 220px;*/
  object-fit: contain;
  align-items: center;
  justify-content: center;
  align-content: center;
  align-self: center;
  margin: 0px;
  padding: 0px;
}

.tier-list li:hover {
  cursor: pointer;
  transform: scale(1.05);
  transition: all 0.3s ease;
}

.tier-list-alt li:hover {
  cursor: pointer;
  transform: scale(1.05);
  transition: all 0.3s ease;
}