.loading-spinner {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 5;
  background: rgba(255, 255, 255, 0.3);
  display: none;
}

.product-link {
  color: inherit;
}
.product-link:hover, .product-link:focus, .product-link:active {
  color: inherit;
  text-decoration: none;
}

.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  padding: 0.75rem 1rem;
  margin-bottom: 1rem;
  list-style: none;
  background-color: #eaecf44f;
  border-radius: 0.35rem;
}

.main-image {
  height: 20rem;
  width: 100%;
  object-fit: contain;
  object-position: top
}

.thumbnail-image {
  cursor: pointer;
}

@media (min-width:320px), (min-width:481px), (min-width:641px)  {
  .main-image {
    height: 15rem;
    width: 100%;
    object-fit: contain;
    object-position: top
  }
}