翻转卡片功能实现问题求助：默认显示背面，点击按钮无法正常翻转展示API图片

我已经折腾好一会儿了，想做一个翻转卡片的功能——默认状态下卡片显示背面，当我点击表单里的“随机卡片”按钮时，从API获取图片（这部分已经能正常工作了），然后把图片放到卡片正面。

但现在遇到了麻烦：我怎么都没法实现点击按钮时，卡片从默认的背面翻到正面的效果。而且我想要的完整逻辑是：再次点击按钮时，卡片先回到默认的背面状态，然后再翻到正面展示新的API图片，这个功能我一直搞不定，有没有大佬能帮忙解决一下？

document.getElementById("flip").onclick = function() {
  // 原本的加载相关代码（内容未贴全）
}

备注：内容来源于stack exchange，提问作者Callum Luxford