fix image incorrect resize isssue on android screen rotating

This PR fix the image incorrect resizing when screen rotated on Android device.

Reproduce issue
- on android device chrome or native browser
- on portrait mode
- go to m.colehaan.com
- rotate screen to landscape
- will see image not resized large like ios device do
- rotate screen back to portrait
- will see image incorrectly resized large

Fix
- on line [L1153](https://github.com/egaba88/soysaucejs/blob/master/assets/javascript/soysauce/widgets/carousel.js#L1153) of `widgets/carousel.js`, `this.widget.outerWidth()` will return previous widget width, instead of current width just after orientation change. It turns out to be an issue related to `orientationchange ` event on android browser. However `resize` event will get the correct width of current widget.

Related tickets
- https://brander.atlassian.net/browse/COLEWAPJS-637
- https://brander.atlassian.net/browse/COLEWAPJS-638
- https://brander.atlassian.net/browse/CFWAPJS-292