要求鼠标在图片上时,图片会放大;鼠标在文上时,文字的背景颜色会渐变到#0093d0;当鼠标离开时，图片和背景都会变回初始样式

可以使用CSS的:hover伪类实现这个效果。具体实现方法如下：

HTML代码：

<div class="container">
  <img src="image.jpg" alt="image">
  <p>Some text here</p>
</div>

CSS代码：

.container {
  position: relative;
}

.container img {
  transition: all 0.3s ease;
}

.container p {
  background-color: #fff;
  transition: background-color 0.3s ease;
}

.container:hover img {
  transform: scale(1.2);
}

.container:hover p {
  background-color: #0093d0;
}

解释一下CSS代码：

- .container设置为相对定位，是为了在后面放大图片时不会影响到其他元素的位置。
- .container img设置过渡效果，使图片放大时有平滑的过渡效果。
- .container p设置背景色和过渡效果，当鼠标悬停在p标签上时，背景色会渐变到#0093d0。
- .container:hover img和.container:hover p分别表示当鼠标悬停在.container上时，img和p的样式发生变化。
- transform: scale(1.2)表示将图片放大到原来的1.2倍大小。

最后，你可以根据自己的需要调整CSS样式。