如何将复选框和跨度与文本和googleapi符号对齐？

<label for="checkbox">
  <input type="checkbox" id="checkbox">
  <span class="checkbox-span"></span>
  文本内容
  <img src="googleapi.png" alt="Google API符号" class="googleapi-symbol">
</label>

label {
  display: flex;
  align-items: center;
}

.checkbox-span {
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 1px solid #000;
  margin-right: 10px;
}

.googleapi-symbol {
  width: 20px;
  height: 20px;
  margin-left: 10px;
}