
        <style>
        /* Existing CSS styles */

        /* Audio Player Styles */
        .audio-row {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
        }

        .audio-box {
            width: 30%;
            margin-bottom: 20px;
            position: relative;
        }

        .audio-box .image-container {
            position: relative;
            width: 100%;
        }

        .audio-box .image-container img {
            width: 100%;
            height: auto;
            border-radius: 15px;
        }

        .audio-box .play-button {
            position: absolute;
            bottom: 15px;
            left: 50%;
            transform: translateX(-50%);
            background: rgba(255, 255, 255, 0.7);
            border: none;
            border-radius: 50%;
            width: 50px;
            height: 50px;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: background 0.3s;
        }

        .audio-box .play-button.playing {
            background: #000;
        }

        .audio-box .play-button i {
            font-size: 24px;
            color: #fff;
        }

        .audio-box h3 {
            margin-top: 15px;
            font-size: 24px;
            font-weight: bold;
            color: #fff;
            text-align: center;
        }

        .audio-box p {
            font-size: 16px;
            color: #ddd;
            text-align: center;
        }

        @media (max-width: 768px) {
            .audio-box {
                width: 100%;
            }
        }
    