.template__artists {
  min-height: 100svh; }

.left {
  grid-column: 1/9;
  min-height: 55vh; }
  .left .title {
    cursor: pointer;
    transition: opacity .3s ease-in-out; }
  .left .title-wrap:hover {
    opacity: 1; }
  .left .title-wrap.inactive {
    opacity: 40%; }

.right {
  grid-column: 12/25; }
  .right .img-holder {
    position: fixed;
    height: 80svh;
    right: 0;
    bottom: 0; }
    .right .img-holder.pos-relative {
      position: unset;
      height: 100%; }
  .right .img-holder .single-img {
    position: absolute;
    bottom: 0;
    right: 0;
    opacity: 0; }
    .right .img-holder .single-img.show {
      opacity: 1; }
    .right .img-holder .single-img img {
      max-height: 80svh; }

@media (max-width: 960px) {
  .right {
    display: none; }
  .left {
    grid-column: 1/-1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-bottom: 10px; }
  .template__artists {
    padding-bottom: 160px; } }