I think I got it now. I am still bit new to responsive coding.
I was trying to keep image to the size that I wanted it to be. At first I create an image at the size that I expect it to be at on a website then it would grow larger in size to fill in the foundation column.
I spent most of my time looking at the foundation layout column setting and trying to use padding to adjust the size of the image but I wasn’t having much luck until after reading your post got me thinking I never checked the image setting!!
Now, I noticed that there is a layout setting under image too. slap his forehead
I got a question about “fixed” size - is it still responsive or I have to create two fixed size one for desktop and one for mobile then set it to hide?