@media (max-width: 760px) {
  .music-view-wrap {
    .music-info-wrap {
      .img-wrap {
        width: 8rem;
        height: 8rem;
      }

      .info-wrap {
        .info-wrap-in {
          .title {
            font-size: 1.5rem;
            padding-left: 0.5rem;
          }
          .artist {
            font-size: 1rem;
            padding-left: 0.5rem;
          }
        }
      }

      .controller-wrap {
        a, button {
          width: 2.5rem;
          height: 2.5rem;

          .xi {
            padding: 0.5rem;
          }
        }
      }
    }
  }
}

@media (max-width: 400px) {
  .music-view-wrap {
    .music-info-wrap {
      height: 30rem;

      .img-wrap {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
        width: 100%;
        height: 30rem;
      }

      .info-wrap {
        position: relative;
        z-index: 2;
        height: 30rem;
        justify-content: flex-end;
        background: linear-gradient(0deg, black 1.5rem, transparent 12rem);
      }
    }
  }
}