.movie-info {
    background-color: var(--white);
    padding: 7px;
    border-radius: 5px;
    box-shadow: 0 0px 0px rgba(26, 26, 26, .1);
    display: flex;
    align-items: center;
}

.movie-info img {
  max-width: 252px; /* 设置图片最大宽度 */
  height: auto;
  object-fit: cover;
  border-radius: 5px;
  margin-right: 20px; /* 图片和文字之间的间距 */
}

.movie-info-content {
  flex: 1; /* 填充剩余空间 */
}

.movie-info h2 {
  font-size: 24px;
  color: #333;
  margin-bottom: 10px;
}

.movie-info p {
  font-size: 14px;
  color: #666;
  margin-bottom: 5px;
}

@media (max-width: 767px) { /* 在手机上应用以下样式 */
  .movie-info {
    flex-direction: column; /* 将图片和文字堆叠在一起 */
    align-items: flex-start; /* 文字左对齐 */
  }

  .movie-info img {
    margin-right: 0; /* 清除图片和文字之间的间距 */
    margin-bottom: 10px; /* 图片和文字之间的间距 */
  }
}