.tc-collection-image-container {
  cursor: zoom-in;
}

.tc-collection-image {
  display: block;
  max-height: 350px;
}

.tc-collection-info > span {
  display: block;
}

.tc-collection-info > .tc-collection-info-divider {
  display: none;
}

.tc-artist-figure {
  background-color: transparent;
  padding-bottom: 125%;
}

.tc-artist-figure > img {
  object-fit: cover;
}

#tc-collection-image-modal {
  background: rgba(0, 0, 0, .6) !important;
}

.tc-collection-image-modal-dialog {
  background-color: transparent !important;
}

.tc-collection-image-modal-close {
  color: rgb(229, 229, 229);
  background-color: rgba(0, 0, 0, .6);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  transition: all 0.15s ease-in-out;
  cursor: zoom-out;
}

.tc-collection-image-modal-close:hover {
  color: white;
  background-color: rgba(0, 0, 0, 1);
  text-decoration: none;
}

.tc-collection-image-modal-image {
  cursor: zoom-out;
}

@media screen and (min-width:640px) {
  .tc-collection-image {
    height: calc(100vh - 260px);
    min-height: 300px;
    max-height: 600px;
  }

  .tc-collection-info > span,
  .tc-collection-info > .tc-collection-info-divider {
    display: inline-block;
  }
}
