当分辨率改变时，我需要帮助在图像下方居中显示我的文本

<div class="container">
  <img src="your-image.jpg" alt="Your Image">
  <p>Your text goes here</p>
</div>

.container {
  position: relative;
  height: 300px; /* Adjust this value according to your image and text height */
}

.container img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.container p {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
}