I'm pinning elements like that have max-width: 100% applied to them.
The containers that hold them are smaller than the image's actual width, and when they get pinned, they revert to their original size. I hook on to onPin to set their width dynamically, however it might be nice if superscrollorama did something internally to detect sizing and apply it on pin.
This is something I'd like to include in ScrollMagic. So if you can supply a demo page where I can test this feature it would be grat.
I'm closing this issue for Superscrollorama because it has been superceeded by ScrollMagic.
ScrollMagic should be capable of handling responsive elements.
Please check if updating resolves your issue.
If not, please post a new issue in the ScrollMagic issue section.