如何将单选按钮与html中的图像垂直对齐？

<div class="container">
  <img src="your-image-source.jpg" alt="Your Image">
 <input type="radio" id="option1" name="options">
 <label for="option1">Option 1</label>
 <input type="radio" id="option2" name="options">
 <label for="option2">Option 2</label>
</div>

.container {
  display: flex;
  align-items: center;
}

img {
  width: 100px;
  height: 100px;
  object-fit: cover;
}

input[type="radio"] {
  margin-left: 10px;
}