Fix URLs in image shuffle

[CodeWritingCow]

Modified:

• shuffle_image-controller.js to use Cloudinary URLs for serving optimized image files. Previous URLs served unoptimized images.

[badwolfbit]

@CodeWritingCow can you provide some documentation on f_auto,q_auto

Also, would converting the static image assets to .webp help further??

[CodeWritingCow]

@omenwolf Here's information from Cloudinary about f_auto and q_auto. Both are URL parameters.

• f_auto tells Cloudinary to detect which browser is requesting an image. Cloudinary then chooses "the most efficient image format to deliver." It serves WebP to Chrome and Opera browsers; JPEG-XR to Internet Explorer, Edge, and Android browsers; and JPEG to other browsers.
• q_autotells Cloudinary to "automatically determine the optimum quality setting for an image based on its format and contents, that results in the smallest file size while maintaining visual quality."

We don't need to convert static image assets to WebP because Cloudinary does that for us. Also, not all browsers support WebP, so we should keep jpg files as a fallback.

[badwolfbit]

@CodeWritingCow Great! Will merge!