card.js

function placeCards(cardCollection, $cardRegion, $interp) {
  cardCollection.forEach(function(element, index, array) {
    var $img = $('<img>').attr('src', element.image);
    var $text = $('<p>' + element.reading + '</p>');

    $cardRegion.append($img);
    $interp.append($text);
  });
}

$(function() {

  var $interp = $('.interpretations');

  var cardsubset = shuffle(cardarray).slice(0,10);

  var firstThree = cardsubset.slice(0,2);
  var secondThree = cardsubset.slice(3,6);
  var thirdFour = cardsubset.slice(7,10);

  placeCards(firstThree, $('.top-images'), $interp);
  placeCards(secondThree, $('.middle-images'), $interp);
  placeCards(thirdFour, $('.bottom-images'), $interp);

});