Desktop/Mobile Hero Images for Featured Post on Homepage

I am using the Keel temp[late for a site, and whenever i make a new post, the homepage displays it as the Hero, using the Post’s Featured Image as a background. This is good.

I would like create a separate Featured Image for mobile devices on every Post (optimized for a vertical layout). I have an idea on how to accomplish this on the Post itself (upload an Image wrapped in a custom div, hide with CSS and then use CSS/JS to swap out Featured Images as necessary).

My issue, is that I don’t know how to accomplish this when the new Post is then featured on the Homepage Hero. I know featured_image comes in with the post data, but i don’t have access to any of the other Post data.

Or rather, i know i have access to the {{ content }} variable, and i supposed i could render that into a div on the Homepage, hidden with CSS and then extract that mobile image, but i guess i worry about load times if that Post has a bunch of images in general.

Anyways, if any one has any easier ideas on how to accomplish this, that would be wonderful, and thanks in advance!

FYI, if anyone else needs help with this, i figured out a solution that utilizes the Twitter Image Open Graph tag if anyone needs this. Just let me know!