Audio Style

                            
<section class="shortcodes g-sec">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <div class="shortcode-block">
                    <div class="audio-video">
                        <div class="container">
                            <div class="audio-video-block">
                                <audio controls="" controlslist="nodownload">
                                    <source src="./themes/custom/restaurant_pro/assets/mp3/bgm.ogg" type="audio/ogg">
                                    <source src="./themes/custom/restaurant_pro/assets/mp3/bgm.mp3" type="audio/mpeg">
                                </audio>
                            </div>
                        </div>
                    </div>
                </div>
            </div>         
        </div>
    </div>
</section>

Video Style 1

 
                            
<section class="shortcodes g-sec video-style">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <div class="section-title text-center">
                    <h2>Video Style</h2>
                    <div class="icon">
                        <svg version="1.1" x="0px" y="0px" viewBox="0 0 490.444 490.444"> 
                            <g>
                                <path d="M480.986,215.947c-1.4,1.1-2.9,2.2-4.5,3.3l0,0l0,0c-7.9,5.1-18.5,9.2-32.8,9.9c-41.3,2.1-77.6-68.9-135.5-66 c-14.8,0.7-35.3,4.3-63,31.8c-27.7-27.6-48.1-31.1-63-31.8c-57.9-2.9-94.2,68.1-135.5,66c-14.3-0.7-25-4.8-32.8-9.9l0,0l0,0 c-1.6-1.1-3.1-2.2-4.5-3.3c-13.2-8.4-8.9,7.2-8,10.3c12.1,37.3,43.3,97.1,119.7,100.9c60.8,3.1,102.7-24.7,124.1-55.4 c21.4,30.6,63.3,58.4,124.1,55.4c76.4-3.8,107.6-63.6,119.7-100.9C489.986,223.147,494.286,207.547,480.986,215.947z"/> 
                            </g>
                        </svg>
                    </div>
                </div>
            </div>
            <div class="col-12">
                <div class="shortcode-block">
                    <div class="video-audio">
                        <div class="container">
                           <div class="item video-block" style="background: url(./sites/default/files/2022-08/video-bg.jpg) no-repeat center center; background-size:cover;">
                                <div class="overlay"></div>
                                <div class="video-link">
                                    <a data-fancybox="video-gallery" data-src="https://youtu.be/h1D5IFsUEFc" title="Title">
                                        <svg class="overlay-icon" width="150" height="150" viewBox="0 0 150 150">
                                            <path class="Icon_material-play-circle-outline" data-name="Icon material-play-circle-outline" d="M63,111.75,108,78,63,44.25ZM78,3a75,75,0,1,0,75,75A75.027,75.027,0,0,0,78,3Zm0,135a60,60,0,1,1,60-60A60.08,60.08,0,0,1,78,138Z" transform="translate(-3 -3)" fill="#181818"/>
                                        </svg>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>              
        </div>
    </div>
</section>