We do not provide support for hacks, so use them at your own risk. If you're not comfortable with coding, we recommend against using this workaround.
Instagram doesn't provide a great way to display non-square images as a square without cropping the image. However, if you'd like to force Instagram images to fit a square image ratio, add this code into the global CSS editor under Customize > Advanced > Custom CSS:
.instagram-image {
display: block !important;
overflow: hidden !important;
height: 300px !important;
position: relative !important;
}
.instagram-image img {
position: absolute !important;
left: 50% !important;
top: 50% !important;
transform: translate(-50%, -50%) !important;
object-fit: cover !important;
height: 100% !important;
}
Be sure to save and publish. Now your non-square Instagram images will be displayed in a square image ratio!