如何在HTML中将图像放在弯曲的标题容器后面？

<style>
.container {
  border-radius: 10px; /* 设置圆角效果 */
  background-color: #f2f2f2; /* 设置背景颜色 */
  padding: 10px; /* 设置内边距 */
  transform: rotate(-10deg); /* 设置旋转效果 */
}

h1 {
  font-size: 24px; /* 设置标题字体大小 */
  color: #333; /* 设置标题颜色 */
}

img {
  display: block; /* 将图像元素设置为块级元素 */
  margin-top: 10px; /* 设置图像与容器之间的间距 */
}
</style>

<div class="container">
  <h1>弯曲的标题</h1>
  <img src="image.jpg" alt="图像描述">
</div>