function SmallScreen(mq2) {
        card1.style.marginTop = '30%';
        card2.style.marginTop = '30%';
        card3.style.marginTop = '30%';
        card1.appendChild(card1Image);
        card2.appendChild(card2Image);
        card3.appendChild(card3Image);
    }
// media query change to handle smaller screens
media query change to handle smaller screens
media query change to handle smaller screens
function SmallScreen(mq2) {
        card1.style.marginTop = '30%';
        card2.style.marginTop = '30%';
        card3.style.marginTop = '30%';
        card1.appendChild(card1Image);
        card2.appendChild(card2Image);
        card3.appendChild(card3Image);
    }
function SmallScreen ( mq2 ) { card1 . style . marginTop = '30%' ; card2 . style . marginTop = '30%' ; card3 . style . marginTop = '30%' ; card1 . appendChild ( card1Image ) ; card2 . appendChild ( card2Image ) ; card3 . appendChild ( card3Image ) ; }
media query change to handle smaller screens
media query change to handle smaller screens