Mobile-only home page

Is there a way to have a mobile home page that is different from the desktop homepage?

My desktop homepage features a slew of images, and I know that will look nuts for mobile users. I planned to remove many of them for the mobile site, but wasn't aware that if I delete an image on one version, it transfers to the other as well.

How could I go about this?

Hide those on mobile view. Find the block IDs for those images and add them to the code below, separated by commas. Add the code to Design=>Custom CSS:

// ==== Mobile Screen Formatting ==== //
@media screen and (max-width: 768px)
{

// ==== Hide Img Blocks ==== //
#block-ID1, #block-ID2, #block-ID3 {
    display:none !important;
  }
}