Resolve image problems

[abettermap]

pretty much from here down https://github.com/Endangered-Language-Alliance/ela-website/pull/23#issuecomment-874383464 explains it.

• [x] look into using Next for the background pattern image if it makes sense. UPDATE: nope, not worth it, fine as-is
• [x] and to determine the source of the http mixed content problem: https://github.com/Endangered-Language-Alliance/ela-website/pull/26#issuecomment-877725517

[abettermap]

@rperlin-ela the http mixed content thing was indeed on my end. errrr Lightsail's and WP's. It defaulted to http on setup, so I switched it over. should be good now:

[abettermap]

https://ela-website-j-dev.netlify.app/about/who-we-are/team

[abettermap]

small suggestion for this image:

use a screenshot of just the map rather than panel + map.

Also for Future Ross-or-Dan, some info for when when you upload any new images:

1. the widest version of the image that I'm potentially using (for the Featured Cards) at this point in time is only 1024px. So if you're uploading anything waaaaay wider than that, it might take a little bit longer for the image to appear because NextJS is recalculating it on each initial visit (I think).
2. Regardless, the Featured Cards only take up less than 700px of horizontal space because I have the max width of the content area set to 1400px for larger-than-HD screens, and only 1150px max for mid-size.
3. Before you upload, just optimize it in Preview on Mac: Tools > Adjust Size and set the Width to 1024 (keep the Scale proportionally checked). Hopefully your source images are at least that wide, but if not then just disregard this step.

Hope that helps!