Капитан Какао

Годится?
https://jsfiddle.net/m5hw3chp/2/

Используйте конструкцию if...else
Если я правильно понял.
jsfiddle.net/mqf49o5h/1

дальше сами то доделаете?

Самый простой способ: codepen.io/anon/pen/MaGOdx
Дальше круче: css.yoksel.ru/css-and-svg-masks - через маску svg можете хоть любую завертеть фигуру :)

Можно как-то так: jsfiddle.net/osw11t96/100

https://www.google.com/search?q=usb+vga
или
https://www.google.com/search?q=usb+dvi
или вообще в гугле usb+"что хотите"

да все можно к нему подключать

Как выровнять блоки по выосте на js?

С путями проблема?

Если ты про стрелочки в карусели, то они выдвигаются за границы стилем а-ля

.carousel-wrapper{
    position:relative;
}
.btn-prev{
    position:absolute;
    left:-50px;
}
.btn-next{
    position:absolute;
    right:-50px;
}

Самое простое - обернуть внутренности вашего скрипта в if ($( document ).width() > 480).
Но правильнее, конечно, грузить его только тогда, когда он реально нужен:

if ($( document ).width() > 480) {
  $.getScript( "script.js");
}

а потому что у них половина иконок не работает, вот почему, велиовгруп не очень сайт, возьми и подключи отсюда Тыц или так Ещё раз тыц

//Бредово
for (var i = 1; i < 6; i++) {
  $('#wpu'+i).hover(function(){
        var id = this.id.split("wpu")[1];
        $('#epu'+id).toggle();
  });
}

или

for (var i = 1; i < 6; i++) {
  (function(id){
    $('#wpu'+id).hover(function(){
       $('#epu'+id).toggle();
    });
  })(i);
}

или

//Не кроссбраузерно
for (var i = 1; i < 6; i++) {
    $('#wpu'+id).hover((function(){
       this.toggle();
    }).bind( $('#epu'+i) ));
}

или

function hoverPU(id){
   $("#wpu"+id).hover(function(){
      $("#epu"+id).toggle();
   });
}

for(var i = 1; i < 6; i++) hoverPU(i);

или

//Психически ненормально
function hoverPU(i, p){
   $("#wpu"+i).hover(function(){
       $("#epu"+i).toggle();
   });
   i < p && hoverPU(++i, p);
}

hoverPU(1, 5);

Какие-то извращения люди предлагают, страшно жить в таком мире.
Есть 2 варианта:
1) CSS :hover - этот самый адекватный.
2) Если вы извращаетесь и вам надо именно на js, то убираете нафиг все убогие id у элементов, пишите нормальные классы, и к элементам, при наведении на которое должна срабатывать анимация, добавляете атрибуты data-id="*" где * это номер элемента (любым циклом можно такой html вывести).
Финальный код будет выглядеть так:

$(document).on("click", ".wpu", function() {
  var id = $(this).data("id");
  $(".epu-"+id).toggle();
});