@media (max-width: 768px) {
    #playlist {
        padding: 60px 5% 0 5%;
    }

    .playlist-container {
        flex-direction: column;
    }

    .playlist-left {
        position: relative;
        top: 0;
        text-align: center;
        margin-bottom: 60px;
        z-index: 50;
    }

    .playlist-heading {
        font-size: clamp(40px, 12vw, 80px);
    }

    .playlist-right {
        padding-left: 0;
    }

    .perspective-grid-wrapper {
        height: 100vh;
    }

    .grid-wrap {
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(5, 1fr);
    }
}