.category-item {
  overflow: hidden;
  position: relative;
  width: 100%;
}

.category__item__image {
  background-color: rgba(var(--color-image-background));
  position: relative;
  width: 100%;
  padding-top: var(--category-card-image-ratio);
}

.category__item__image img {
  width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.category__item__image svg {
  width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.category__item__name {
  margin-top: 8px;
}

.category__scroll__item {
  width: 100%;
}