Дмитрий Марков

(-4.8 + 3).toFixed(1) так можно пофиксить. А вообще это изза особенности языка

Можно создать кастомный ивент и по открытию модалки тригерить его. В этот ивент передаёшь данные карточки, или другую инфу. А в прослушивании этого ивента сохраняешь/перезаписываешь объект карточки где нибудь.

#container > div > a:hover > span {
    color: #3a3f5d;
    transition: 0.5s;
}

#container > div > a:hover > img {
    opacity: 1;
}

Я не проверял, но думаю должно работать

const formData1 = new FormData( document.getElementById('form1') );
const formData2 = new FormData( document.getElementById('form2') );
for(const [key, value] of formData2.entries()) {
    formData1.append(key, value)
}
return formData1;

Получаешь координаты мышки и записываешь 5 шарам
Эти шары имеют position: fixed; и разный transition

Cтили

.icon {
	transition: .3s;
	&.active {
		transform: rotate(360deg);
	}
}

Скрипт:
В обработчике клика добавляете класс active иконке

В момент когда скрипт начинает работу картинка ещё не загрузилась и она имеет высоту в 0пикслей.
не легче ли сделать ширину и высоту картинки 100%. Контейнеру установить ширину 100px, а высоту получать скриптом (ширина контейнера * К)
К - это ширина фотки / высоту

Это должно быть указанно в шаблоне, а не в файле со скриптами.

<script>
  var a = '{{ request.user }}';
</script>