How to have condition inside echo ‘html content’?

        <?php
          $params= array(
            'orderby' => 't.post_title DESC',
            'limit' => 25,
          );
          $music_pod= pods( 'padra_content', $params );
          $items= $music_pod->data();
              
          foreach( $items as $item ){
            $musics = pods_field( 'padra_content', $item->ID, 'album_single_track' );
            foreach( $musics as $music){
              // lyrics having album
              if($music['album_or_single_track'] && !$music['instrumental_or_with_lyrics']){
                echo '<article class="lyrics-having-album flex xl:flex-row flex-col xl:justify-center xl:items-stretch items-center xl:not-last-child:mb-c-13 md:not-last-child:mb-c-57 not-last-child:mb-20">
                  <!-- img & iframe & btn -->
                  <div class="xl:w-2/6 md:w-c-40 sm:w-80 w-60">
                    <div class="w-full sticky top-0">
                      <img class="w-full h-auto" src="' . wp_get_attachment_image_url( $music['music_image'], 'full' ) . '" alt="">'
                      . $music['spotify_player'] .
                      '<button class="toggle-btn flex flex-col items-center absolute bottom-0 group transition-opacity duration-500 opacity-100 xl:left-c-28 md:left-c-48 left-c-63 xl:gap-c-5 md:gap-c-46 gap-c-62 -translate-x-1/2 focus:outline-none">
                        <!-- text -->
                        <div class="[writing-mode:vertical-lr] [text-orientation:upright] group-hover:text-shadow-c duration-200 xl:text-c-7 md:text-c-18 text-c-19 xl:-tracking-c-5 md:-tracking-c-11 -tracking-c-17">Lyrics</div>
                        <!-- Lyrics icon -->
                        <svg class="fill-gray-300 group-hover:drop-shadow-c transition-c-6 duration-200 xl:w-c-29 md:w-c-49 w-c-61" xmlns="https://www.w3.org/2000/svg" viewBox="3 6 19 14"><path d="M0 0h24v24H0z" fill="none"></path><path d="M15 6H3v2h12V6zm0 4H3v2h12v-2zM3 16h8v-2H3v2zM17 6v8.18c-.31-.11-.65-.18-1-.18-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3V8h3V6h-5z"></path></svg>
                        <!-- Info icon -->
                        <svg class="fill-gray-300 group-hover:drop-shadow-c transition-c-6 duration-200 xl:w-c-29 md:w-c-49 w-c-61 hidden" xmlns="https://www.w3.org/2000/svg" viewBox="1 1 22 22"><path d="M13 7.5a1 1 0 11-2 0 1 1 0 012 0zm-3 3.75a.75.75 0 01.75-.75h1.5a.75.75 0 01.75.75v4.25h.75a.75.75 0 010 1.5h-3a.75.75 0 010-1.5h.75V12h-.75a.75.75 0 01-.75-.75z"></path><path fill-rule="evenodd" d="M12 1C5.925 1 1 5.925 1 12s4.925 11 11 11 11-4.925 11-11S18.075 1 12 1zM2.5 12a9.5 9.5 0 1119 0 9.5 9.5 0 01-19 0z"></path></svg>
                      </button>
                    </div>
                  </div>
                  <!-- information -->
                  <div class="xl:w-3/6 md:w-c-41 w-c-60 xl:pl-c">
                    <!-- titles -->
                    <div class="xl:text-c-5 md:text-c-15 text-c-22 xl:text-left text-center xl:mt-0 md:mt-6 mt-c-59">
                      <h1 class="italic xl:tracking-c md:tracking-c-9 tracking-c-15 text-shadow-c-2">
                        <strong>' . $music['album_single_track_name'] . '</strong>
                      </h1>
                      <div class="xl:my-c-15 md:my-c-47 my-3 xl:tracking-c-2 md:tracking-c-10 tracking-c-16 text-gray-400">
                        Release Date:
                      </div>
                      <div class="italic xl:tracking-c md:tracking-c-9 tracking-c-15 text-shadow-c-2">'
                        . $music['release_date'] .
                      '</div>
                    </div>
                    <!-- info | tracklist and/or lyrics -->
                    <div class="dual-cnt xl:pl-c-22 transition-opacity duration-500 opacity-100">
                      <!-- 1 -->
                      <p class="text-gray-200 xl:pt-c-21 md:pt-3 pt-c-43 xl:text-c-6 md:text-c-19 text-c-21 xl:leading-c-3 md:leading-c-10 leading-c-11 xl:tracking-c-3 md:tracking-c-12 tracking-c-14">'
                        . $music['music_info'] .
                      '</p>
                      <!-- 2 -->
                      <div class="xl:pt-c-14 md:pt-6 sm:pt-c-59 sm:mt-0 -mt-c-72 hidden">
                        <div class="track-list-cnt sm:w-1/3 xl:text-c-8 md:text-c-17 text-c-25">
                          <div class="track-list sticky top-0">
                            <div class="xl:py-c-11 md:py-2 py-c-72 md:w-c-4 w-c-70 sm:ml-auto xl:mr-c-24 md:mr-c-52 sm:mr-c-71">
                              <svg class="fill-gray-300 w-full h-auto" xmlns="https://www.w3.org/2000/svg" viewBox="3 6 19 14"><path d="M0 0h24v24H0z" fill="none"></path><path d="M15 6H3v2h12V6zm0 4H3v2h12v-2zM3 16h8v-2H3v2zM17 6v8.18c-.31-.11-.65-.18-1-.18-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3V8h3V6h-5z"></path></svg>
                            </div>
                            <div class="text-gray-200 border-t sm:border-b border-l sm:border-r-0 border-r border-c-gray-7">'
                              . foreach($music['track_lyrics_translation'] as $details){
                                if($details['an_instrumental_track_from_a_lyrics_having_album']){
                                  echo '<div class="cursor-default not-last-child:border-b not-last-child:border-c-gray-7 track-name xl:px-c-11 xl:py-c-10 md:px-c-51 md:py-c-50 px-c-69 py-c-68 w-full text-left text-gray-600 font-bold" title="Instrumental">'
                                    . $details['track_name'] .
                                  '</div>';
                                }
                                else{
                                  echo '<button class="not-last-child:border-b not-last-child:border-c-gray-7 track-name xl:px-c-11 xl:py-c-10 md:px-c-51 md:py-c-50 px-c-69 py-c-68 w-full text-left hover:bg-c-gray-3 transition-colors focus:outline-none">'
                                    . $details['track_name'] .
                                  '</button>';
                                }
                              } .
                            '</div>
                          </div>
                        </div>
                        <div class="lyrics-cnt sm:flex-1 overflow-hidden xl:pt-c-5 xl:pb-c-15 md:pt-c-46 md:pb-c-47 pt-c-62 pb-3 border border-c-gray-7 sm:rounded-tr rounded-br sm:rounded-bl-none rounded-bl">
                          <div class="lyrics transition-opacity duration-500 opacity-0">
                            <div class="sub-lyrics hidden xl:not-last-child:mb-c-21 md:not-last-child:mb-c-53 not-last-child:mb-5">
                              <div class="sub-lyrics-fa [direction:rtl] xl:text-c-5 md:text-c-15 text-c-22 xl:[word-spacing:.2vw] md:[word-spacing:.135rem] [word-spacing:.125rem] text-c-gray-5 w-3/4 ml-auto xl:mr-c-22 md:mr-c-42 mr-c-64 xl:mb-c-23 md:mb-c-44 mb-c-66 font-Badkhat2">
                                <p class="xl:not-last-child:mb-c-25 md:not-last-child:mb-c-43 not-last-child:mb-c-65 xl:leading-c-5 md:leading-c-8 leading-c-12">
                                  ?? ????
                                </p>
                                <p class="xl:not-last-child:mb-c-25 md:not-last-child:mb-c-43 not-last-child:mb-c-65 xl:leading-c-5 md:leading-c-8 leading-c-12">
                                  ?? ????
                                </p>
                                <p class="xl:not-last-child:mb-c-25 md:not-last-child:mb-c-43 not-last-child:mb-c-65 xl:leading-c-5 md:leading-c-8 leading-c-12">
                                  ?? ????
                                </p>
                                <p class="xl:not-last-child:mb-c-25 md:not-last-child:mb-c-43 not-last-child:mb-c-65 xl:leading-c-5 md:leading-c-8 leading-c-12">
                                  ?? ????
                                </p>
                              </div>
                              <div class="sub-lyrics-en xl:text-c-9 md:text-c-16 text-c-24 xl:[word-spacing:.25vw] md:[word-spacing:.17rem] [word-spacing:.15rem] xl:tracking-c-5 md:tracking-c-8 tracking-c-17 text-white w-3/4 mr-auto xl:ml-c-22 md:ml-c-42 ml-c-64">
                                <p class="xl:not-last-child:mb-c-2 md:not-last-child:mb-c-45 not-last-child:mb-c-67 xl:leading-c-4 md:leading-c-9 leading-c-13">
                                  A black crow sat on the lucky grave
                                </p>
                                <p class="xl:not-last-child:mb-c-2 md:not-last-child:mb-c-45 not-last-child:mb-c-67 xl:leading-c-4 md:leading-c-9 leading-c-13">
                                  A black crow sat on the lucky grave
                                </p>
                                <p class="xl:not-last-child:mb-c-2 md:not-last-child:mb-c-45 not-last-child:mb-c-67 xl:leading-c-4 md:leading-c-9 leading-c-13">
                                  A black crow sat on the lucky grave
                                </p>
                                <p class="xl:not-last-child:mb-c-2 md:not-last-child:mb-c-45 not-last-child:mb-c-67 xl:leading-c-4 md:leading-c-9 leading-c-13">
                                  A black crow sat on the lucky grave
                                </p>
                                <p class="xl:not-last-child:mb-c-2 md:not-last-child:mb-c-45 not-last-child:mb-c-67 xl:leading-c-4 md:leading-c-9 leading-c-13">
                                  In my eyes, the effect of my dreams broke
                                </p>
                                <p class="xl:not-last-child:mb-c-2 md:not-last-child:mb-c-45 not-last-child:mb-c-67 xl:leading-c-4 md:leading-c-9 leading-c-13">
                                  My dream ran in the plain of your dreams
                                </p>
                                <p class="xl:not-last-child:mb-c-2 md:not-last-child:mb-c-45 not-last-child:mb-c-67 xl:leading-c-4 md:leading-c-9 leading-c-13">
                                  My dream ran in the plain of your dreams your dreams your dreams
                                </p>
                              </div>
                            </div>
                            <div class="sub-lyrics hidden xl:not-last-child:mb-c-21 md:not-last-child:mb-c-53 not-last-child:mb-5">
                              <div class="sub-lyrics-fa [direction:rtl] xl:text-c-5 md:text-c-15 text-c-22 xl:[word-spacing:.2vw] md:[word-spacing:.135rem] [word-spacing:.125rem] text-c-gray-5 w-3/4 ml-auto xl:mr-c-22 md:mr-c-42 mr-c-64 xl:mb-c-23 md:mb-c-44 mb-c-66 font-Badkhat2">
                                <p class="xl:not-last-child:mb-c-25 md:not-last-child:mb-c-43 not-last-child:mb-c-65 xl:leading-c-5 md:leading-c-8 leading-c-12">
                                  ?? ????
                                </p>
                                <p class="xl:not-last-child:mb-c-25 md:not-last-child:mb-c-43 not-last-child:mb-c-65 xl:leading-c-5 md:leading-c-8 leading-c-12">
                                  ?? ????
                                </p>
                                <p class="xl:not-last-child:mb-c-25 md:not-last-child:mb-c-43 not-last-child:mb-c-65 xl:leading-c-5 md:leading-c-8 leading-c-12">
                                  ?? ????
                                </p>
                                <p class="xl:not-last-child:mb-c-25 md:not-last-child:mb-c-43 not-last-child:mb-c-65 xl:leading-c-5 md:leading-c-8 leading-c-12">
                                  ?? ????
                                </p>
                              </div>
                              <div class="sub-lyrics-en xl:text-c-9 md:text-c-16 text-c-24 xl:[word-spacing:.25vw] md:[word-spacing:.17rem] [word-spacing:.15rem] xl:tracking-c-5 md:tracking-c-8 tracking-c-17 text-white w-3/4 mr-auto xl:ml-c-22 md:ml-c-42 ml-c-64">
                                <p class="xl:not-last-child:mb-c-2 md:not-last-child:mb-c-45 not-last-child:mb-c-67 xl:leading-c-4 md:leading-c-9 leading-c-13">
                                  A black crow sat on the lucky grave
                                </p>
                                <p class="xl:not-last-child:mb-c-2 md:not-last-child:mb-c-45 not-last-child:mb-c-67 xl:leading-c-4 md:leading-c-9 leading-c-13">
                                  A black crow sat on the lucky grave
                                </p>
                                <p class="xl:not-last-child:mb-c-2 md:not-last-child:mb-c-45 not-last-child:mb-c-67 xl:leading-c-4 md:leading-c-9 leading-c-13">
                                  A black crow sat on the lucky grave
                                </p>
                                <p class="xl:not-last-child:mb-c-2 md:not-last-child:mb-c-45 not-last-child:mb-c-67 xl:leading-c-4 md:leading-c-9 leading-c-13">
                                  A black crow sat on the lucky grave
                                </p>
                                <p class="xl:not-last-child:mb-c-2 md:not-last-child:mb-c-45 not-last-child:mb-c-67 xl:leading-c-4 md:leading-c-9 leading-c-13">
                                  In my eyes, the effect of my dreams broke
                                </p>
                                <p class="xl:not-last-child:mb-c-2 md:not-last-child:mb-c-45 not-last-child:mb-c-67 xl:leading-c-4 md:leading-c-9 leading-c-13">
                                  My dream ran in the plain of your dreams
                                </p>
                                <p class="xl:not-last-child:mb-c-2 md:not-last-child:mb-c-45 not-last-child:mb-c-67 xl:leading-c-4 md:leading-c-9 leading-c-13">
                                  He reached a dead end
                                </p>
                              </div>
                            </div>
                          </div>
                          <div class="lyrics transition-opacity duration-500 opacity-0">
                            <div class="sub-lyrics hidden xl:not-last-child:mb-c-21 md:not-last-child:mb-c-53 not-last-child:mb-5">
                              <div class="sub-lyrics-fa [direction:rtl] xl:text-c-5 md:text-c-15 text-c-22 xl:[word-spacing:.2vw] md:[word-spacing:.135rem] [word-spacing:.125rem] text-c-gray-5 w-3/4 ml-auto xl:mr-c-22 md:mr-c-42 mr-c-64 xl:mb-c-23 md:mb-c-44 mb-c-66 font-Badkhat2">
                                <p class="xl:not-last-child:mb-c-25 md:not-last-child:mb-c-43 not-last-child:mb-c-65 xl:leading-c-5 md:leading-c-8 leading-c-12">
                                  ?? ????
                                </p>
                                <p class="xl:not-last-child:mb-c-25 md:not-last-child:mb-c-43 not-last-child:mb-c-65 xl:leading-c-5 md:leading-c-8 leading-c-12">
                                  ?? ????
                                </p>
                                <p class="xl:not-last-child:mb-c-25 md:not-last-child:mb-c-43 not-last-child:mb-c-65 xl:leading-c-5 md:leading-c-8 leading-c-12">
                                  ?? ????
                                </p>
                                <p class="xl:not-last-child:mb-c-25 md:not-last-child:mb-c-43 not-last-child:mb-c-65 xl:leading-c-5 md:leading-c-8 leading-c-12">
                                  ?? ????
                                </p>
                              </div>
                              <div class="sub-lyrics-en xl:text-c-9 md:text-c-16 text-c-24 xl:[word-spacing:.25vw] md:[word-spacing:.17rem] [word-spacing:.15rem] xl:tracking-c-5 md:tracking-c-8 tracking-c-17 text-white w-3/4 mr-auto xl:ml-c-22 md:ml-c-42 ml-c-64">
                                <p class="xl:not-last-child:mb-c-2 md:not-last-child:mb-c-45 not-last-child:mb-c-67 xl:leading-c-4 md:leading-c-9 leading-c-13">
                                  A black crow sat on the lucky grave
                                </p>
                                <p class="xl:not-last-child:mb-c-2 md:not-last-child:mb-c-45 not-last-child:mb-c-67 xl:leading-c-4 md:leading-c-9 leading-c-13">
                                  A black crow sat on the lucky grave
                                </p>
                                <p class="xl:not-last-child:mb-c-2 md:not-last-child:mb-c-45 not-last-child:mb-c-67 xl:leading-c-4 md:leading-c-9 leading-c-13">
                                  A black crow sat on the lucky grave
                                </p>
                                <p class="xl:not-last-child:mb-c-2 md:not-last-child:mb-c-45 not-last-child:mb-c-67 xl:leading-c-4 md:leading-c-9 leading-c-13">
                                  A black crow sat on the lucky grave
                                </p>
                                <p class="xl:not-last-child:mb-c-2 md:not-last-child:mb-c-45 not-last-child:mb-c-67 xl:leading-c-4 md:leading-c-9 leading-c-13">
                                  In my eyes, the effect of my dreams broke
                                </p>
                                <p class="xl:not-last-child:mb-c-2 md:not-last-child:mb-c-45 not-last-child:mb-c-67 xl:leading-c-4 md:leading-c-9 leading-c-13">
                                  My dream ran in the plain of your dreams
                                </p>
                                <p class="xl:not-last-child:mb-c-2 md:not-last-child:mb-c-45 not-last-child:mb-c-67 xl:leading-c-4 md:leading-c-9 leading-c-13">
                                  My dream ran in the plain of your dreams your dreams your dreams
                                </p>
                              </div>
                            </div>
                            <div class="sub-lyrics hidden xl:not-last-child:mb-c-21 md:not-last-child:mb-c-53 not-last-child:mb-5">
                              <div class="sub-lyrics-fa [direction:rtl] xl:text-c-5 md:text-c-15 text-c-22 xl:[word-spacing:.2vw] md:[word-spacing:.135rem] [word-spacing:.125rem] text-c-gray-5 w-3/4 ml-auto xl:mr-c-22 md:mr-c-42 mr-c-64 xl:mb-c-23 md:mb-c-44 mb-c-66 font-Badkhat2">
                                <p class="xl:not-last-child:mb-c-25 md:not-last-child:mb-c-43 not-last-child:mb-c-65 xl:leading-c-5 md:leading-c-8 leading-c-12">
                                  ?? ????
                                </p>
                                <p class="xl:not-last-child:mb-c-25 md:not-last-child:mb-c-43 not-last-child:mb-c-65 xl:leading-c-5 md:leading-c-8 leading-c-12">
                                  ?? ????
                                </p>
                                <p class="xl:not-last-child:mb-c-25 md:not-last-child:mb-c-43 not-last-child:mb-c-65 xl:leading-c-5 md:leading-c-8 leading-c-12">
                                  ?? ????
                                </p>
                                <p class="xl:not-last-child:mb-c-25 md:not-last-child:mb-c-43 not-last-child:mb-c-65 xl:leading-c-5 md:leading-c-8 leading-c-12">
                                  ?? ????
                                </p>
                              </div>
                              <div class="sub-lyrics-en xl:text-c-9 md:text-c-16 text-c-24 xl:[word-spacing:.25vw] md:[word-spacing:.17rem] [word-spacing:.15rem] xl:tracking-c-5 md:tracking-c-8 tracking-c-17 text-white w-3/4 mr-auto xl:ml-c-22 md:ml-c-42 ml-c-64">
                                <p class="xl:not-last-child:mb-c-2 md:not-last-child:mb-c-45 not-last-child:mb-c-67 xl:leading-c-4 md:leading-c-9 leading-c-13">
                                  A black crow sat on the lucky grave
                                </p>
                                <p class="xl:not-last-child:mb-c-2 md:not-last-child:mb-c-45 not-last-child:mb-c-67 xl:leading-c-4 md:leading-c-9 leading-c-13">
                                  A black crow sat on the lucky grave
                                </p>
                                <p class="xl:not-last-child:mb-c-2 md:not-last-child:mb-c-45 not-last-child:mb-c-67 xl:leading-c-4 md:leading-c-9 leading-c-13">
                                  A black crow sat on the lucky grave
                                </p>
                                <p class="xl:not-last-child:mb-c-2 md:not-last-child:mb-c-45 not-last-child:mb-c-67 xl:leading-c-4 md:leading-c-9 leading-c-13">
                                  A black crow sat on the lucky grave
                                </p>
                                <p class="xl:not-last-child:mb-c-2 md:not-last-child:mb-c-45 not-last-child:mb-c-67 xl:leading-c-4 md:leading-c-9 leading-c-13">
                                  In my eyes, the effect of my dreams broke
                                </p>
                                <p class="xl:not-last-child:mb-c-2 md:not-last-child:mb-c-45 not-last-child:mb-c-67 xl:leading-c-4 md:leading-c-9 leading-c-13">
                                  My dream ran in the plain of your dreams
                                </p>
                                <p class="xl:not-last-child:mb-c-2 md:not-last-child:mb-c-45 not-last-child:mb-c-67 xl:leading-c-4 md:leading-c-9 leading-c-13">
                                  He reached a dead end
                                </p>
                              </div>
                            </div>
                          </div>
                          <div class="lyrics transition-opacity duration-500 opacity-0">
                            <div class="sub-lyrics hidden xl:not-last-child:mb-c-21 md:not-last-child:mb-c-53 not-last-child:mb-5">
                              <div class="sub-lyrics-fa [direction:rtl] xl:text-c-5 md:text-c-15 text-c-22 xl:[word-spacing:.2vw] md:[word-spacing:.135rem] [word-spacing:.125rem] text-c-gray-5 w-3/4 ml-auto xl:mr-c-22 md:mr-c-42 mr-c-64 xl:mb-c-23 md:mb-c-44 mb-c-66 font-Badkhat2">
                                <p class="xl:not-last-child:mb-c-25 md:not-last-child:mb-c-43 not-last-child:mb-c-65 xl:leading-c-5 md:leading-c-8 leading-c-12">
                                  ?? ????
                                </p>
                                <p class="xl:not-last-child:mb-c-25 md:not-last-child:mb-c-43 not-last-child:mb-c-65 xl:leading-c-5 md:leading-c-8 leading-c-12">
                                  ?? ????
                                </p>
                                <p class="xl:not-last-child:mb-c-25 md:not-last-child:mb-c-43 not-last-child:mb-c-65 xl:leading-c-5 md:leading-c-8 leading-c-12">
                                  ?? ????
                                </p>
                                <p class="xl:not-last-child:mb-c-25 md:not-last-child:mb-c-43  not-last-child:mb-c-65xl:leading-c-5 md:leading-c-8 leading-c-12">
                                  ?? ????
                                </p>
                              </div>
                              <div class="sub-lyrics-en xl:text-c-9 md:text-c-16 text-c-24 xl:[word-spacing:.25vw] md:[word-spacing:.17rem] [word-spacing:.15rem] xl:tracking-c-5 md:tracking-c-8 tracking-c-17 text-white w-3/4 mr-auto xl:ml-c-22 md:ml-c-42 ml-c-64">
                                <p class="xl:not-last-child:mb-c-2 md:not-last-child:mb-c-45 not-last-child:mb-c-67 xl:leading-c-4 md:leading-c-9 leading-c-13">
                                  A black crow sat on the lucky grave
                                </p>
                                <p class="xl:not-last-child:mb-c-2 md:not-last-child:mb-c-45 not-last-child:mb-c-67 xl:leading-c-4 md:leading-c-9 leading-c-13">
                                  A black crow sat on the lucky grave
                                </p>
                                <p class="xl:not-last-child:mb-c-2 md:not-last-child:mb-c-45 not-last-child:mb-c-67 xl:leading-c-4 md:leading-c-9 leading-c-13">
                                  A black crow sat on the lucky grave
                                </p>
                                <p class="xl:not-last-child:mb-c-2 md:not-last-child:mb-c-45 not-last-child:mb-c-67 xl:leading-c-4 md:leading-c-9 leading-c-13">
                                  A black crow sat on the lucky grave
                                </p>
                                <p class="xl:not-last-child:mb-c-2 md:not-last-child:mb-c-45 not-last-child:mb-c-67 xl:leading-c-4 md:leading-c-9 leading-c-13">
                                  In my eyes, the effect of my dreams broke
                                </p>
                                <p class="xl:not-last-child:mb-c-2 md:not-last-child:mb-c-45 not-last-child:mb-c-67 xl:leading-c-4 md:leading-c-9 leading-c-13">
                                  My dream ran in the plain of your dreams
                                </p>
                                <p class="xl:not-last-child:mb-c-2 md:not-last-child:mb-c-45 not-last-child:mb-c-67 xl:leading-c-4 md:leading-c-9 leading-c-13">
                                  My dream ran in the plain of your dreams your dreams your dreams
                                </p>
                              </div>
                            </div>
                            <div class="sub-lyrics hidden xl:not-last-child:mb-c-21 md:not-last-child:mb-c-53 not-last-child:mb-5">
                              <div class="sub-lyrics-fa [direction:rtl] xl:text-c-5 md:text-c-15 text-c-22 xl:[word-spacing:.2vw] md:[word-spacing:.135rem] [word-spacing:.125rem] text-c-gray-5 w-3/4 ml-auto xl:mr-c-22 md:mr-c-42 mr-c-64 xl:mb-c-23 md:mb-c-44 mb-c-66 font-Badkhat2">
                                <p class="xl:not-last-child:mb-c-25 md:not-last-child:mb-c-43 not-last-child:mb-c-65 xl:leading-c-5 md:leading-c-8 leading-c-12">
                                  ?? ???? 
                                </p>
                                <p class="xl:not-last-child:mb-c-25 md:not-last-child:mb-c-43 not-last-child:mb-c-65 xl:leading-c-5 md:leading-c-8 leading-c-12">
                                  ?? ????
                                </p>
                                <p class="xl:not-last-child:mb-c-25 md:not-last-child:mb-c-43 not-last-child:mb-c-65 xl:leading-c-5 md:leading-c-8 leading-c-12">
                                  ?? ????
                                </p>
                                <p class="xl:not-last-child:mb-c-25 md:not-last-child:mb-c-43 not-last-child:mb-c-65 xl:leading-c-5 md:leading-c-8 leading-c-12">
                                  ?? ????
                                </p>
                              </div>
                              <div class="sub-lyrics-en xl:text-c-9 md:text-c-16 text-c-24 xl:[word-spacing:.25vw] md:[word-spacing:.17rem] [word-spacing:.15rem] xl:tracking-c-5 md:tracking-c-8 tracking-c-17 text-white w-3/4 mr-auto xl:ml-c-22 md:ml-c-42 ml-c-64">
                                <p class="xl:not-last-child:mb-c-2 md:not-last-child:mb-c-45 not-last-child:mb-c-67 xl:leading-c-4 md:leading-c-9 leading-c-13">
                                  A black crow sat on the lucky grave
                                </p>
                                <p class="xl:not-last-child:mb-c-2 md:not-last-child:mb-c-45 not-last-child:mb-c-67 xl:leading-c-4 md:leading-c-9 leading-c-13">
                                  A black crow sat on the lucky grave
                                </p>
                                <p class="xl:not-last-child:mb-c-2 md:not-last-child:mb-c-45 not-last-child:mb-c-67 xl:leading-c-4 md:leading-c-9 leading-c-13">
                                  A black crow sat on the lucky grave
                                </p>
                                <p class="xl:not-last-child:mb-c-2 md:not-last-child:mb-c-45 not-last-child:mb-c-67 xl:leading-c-4 md:leading-c-9 leading-c-13">
                                  A black crow sat on the lucky grave
                                </p>
                                <p class="xl:not-last-child:mb-c-2 md:not-last-child:mb-c-45 not-last-child:mb-c-67 xl:leading-c-4 md:leading-c-9 leading-c-13">
                                  In my eyes, the effect of my dreams broke
                                </p>
                                <p class="xl:not-last-child:mb-c-2 md:not-last-child:mb-c-45 not-last-child:mb-c-67 xl:leading-c-4 md:leading-c-9 leading-c-13">
                                  My dream ran in the plain of your dreams
                                </p>
                                <p class="xl:not-last-child:mb-c-2 md:not-last-child:mb-c-45 not-last-child:mb-c-67 xl:leading-c-4 md:leading-c-9 leading-c-13">
                                  He reached a dead end
                                </p>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </article>';
              }
            }
          }
        ?>

I have this code @codingpanda, but the front end shows an error when using this inside my php files, saying the part I broke the “echo ‘html'” code and used some conditional statements or loop is an absolute error! What should I do @codingpanda?