У меня есть базовые данные, в которых есть название песни и изображение альбома.Я хочу установить это изображение как фоновое изображение с эффектом размытия, но мне нужно: 1) изображение для альбомов, где есть все песни с этого альбома 2) после добавления песни в любимые песни, после нажатия на следующую песню, нужно изменить изображение в соответствии с изображениемальбом
<div class="col">
<div id="container">
<div id="audio-img">
<img src="{{ album_id.image_album.url }}">
</div>
<div id="audio-player">
<div id="audio-info">
<span class="artist"></span> - <span class="title"></span>
</div>
<input id="volume" type="range" min="0" max="10" value="5">
<br>
<div id="audio-buttons">
<button id="prev"></button>
<button id="play"></button>
<button id="pause"></button>
<button id="stop"></button>
<button id="next"></button>
</div>
<div class="clearfix"></div>
<div id="tracker">
<div id="progressbar">
<span id="progress"></span>
</div>
<span id="duration"></span>
</div>
<div class="clearfix"></div>
<ul id="playlist">
{% for song in songs %}
{% if song.album.id == album_id.id %}
<li path="{% static 'music/'%}uploads/{{song.name_song.url}}" song="{{song.name_song}}.mp3" artist="{{ album.author_album }}">
{{ song.name_song }}
{% if is_favourite %}
<a href="{% url 'music:favourite' pk=song.id %}">
<i class="fas fa-heart"></i>
</a>
{% else %}
<a href="{% url 'music:favourite' pk=song.id %}">
<i class="far fa-heart"></i>
</a>
{% endif %}
</li>
{% endif %}
{% endfor %}
</ul>
</div>
</div>
</div>