JSFiddle - React, Tailwind, and code Playground

HTML

<div class="music">
  <img src="audio1.jpg" width="290px" height="280px" />
  <p>Citizen — Yellow Love</p>
  <audio src="6666.mp3" controls>Citizen — Yellow Love</audio>
</div>
<div class="music">
  <img src="audio22.jpg" width="300px" height="280px" />
  <p>Low Roar- Don't Be So Serious</p>
  <audio src="7777.mp3" controls></audio>
</div>
<div class="music">
  <img src="audio3.jpg" width="290px" height="280px" />
  <p>Mo - Mercy</p>
  <audio src="8888.mp3" controls></audio>
</div>

CSS

.music {
  display: none;
}

JavaScript

function getRandomArbitrary(min, max) {
  return  Math.floor(min + Math.random() * (max + 1 - min))
}
let randomItem = getRandomArbitrary(0,2)
if(window.innerWidth < 414) {
	document.getElementsByClassName('music')[randomItem].style.display="block";
}