.collection__item__image {
  background-color: rgba(var(--color-page-background));
  position: relative;
  min-height: 20rem;
}
.collection__item__image img {
  width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.collection__item__image svg {
  width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.collection__item__name {
  margin-top: 8px;
}

.collection__scroll__item {
  width: 100%;
}

.collection__scroll__item .card__media {
  border-radius: unset;
}

.collection__scroll__item:hover .collection__item__image {
  border: 1px solid #C09955;
}

.collection__scroll__item:hover .collection__item__name {
  color: #C09955;
}

@media screen and (max-width: 959px) {
  .card-wrapper.is-active .collection__item__image {
    border: 1px solid #C09955;
  }
  .card-wrapper.is-active .collection__item__name {
    color: #C09955;
  }
}


/* The ipad end responds to the mobile end in vertical screen */

/* @custom-media --tablet (max-width: 959px); */

/* @custom-media --gt-mobile (min-width: 751px); */

/* detectingScreen need to consider the configuration of the tablet */