@media (min-width: 570px) and (max-width: 1024px) {
            .hero-image-wrapper img {
                width: 100% !important;
            }
            .artist-name {
                font-size: 6rem !important;

            @media screen and (max-width: 1200px) {
                .discography-list {
                    grid-template-columns: repeat(3, 1fr);
                }
            }
            }
        }