320 пикселей это айфон 4, 5, на пример. Ну и многие андроид девайсы до 5 дюймов. Это без учета device-pixel-ratio, как уже отмечали. 360 пикселей у больших андроид смартфонов, на пример у галакси 7. Так что да, имеет смысл.
Предположу, что для .service-item нужно задать первоначальное значение свойства, которое собираетесь менять. То есть top: 0;
UPD: вот работающий пример codepen.io/Kublyakov/pen/BzyobP
Если правильно вас понял, то примерно такое вам нужно. codepen.io/Kublyakov/pen/KzmvVX
При наведении меняем цвет, и за счет transition цвет меняется не сразу, а постепенно, в моем случае в течение 0.5 секунд. Думаю, смысл понятен и сможете доработать для своих целей.
Ручной способ: в Хроме жмем F12, переходим на вкладку Network, затем загружаем нужную страничку и включаем подкаст. В Network увидите, что добавился новый файл с типом media и такого рода путём https://stream13.mixcloud.com/c/m4a/64/0/6/f/f/856...
Это собственно прямая ссылка на подкаст. Дальше можете делать с ней что захотите =)
