Note: Some badges are photographed at an agle that makes the closer details bigger than the further details. This is an attempt to use perspective CSS to correct that distortion.
Development: Pad the images to 600px x 600px. (or another square aspect dimension). Alter the transform rotateX and rotateY values and stretch the image to retain the proper proportions.
Use sliders to rotate and remove distortion. height and width are calculeted from the angles rotated.
Capture the image with WinKey+Shift+S and paste into PaintShopPro for final convertion to a layer and distortion adjustment.