在網頁設計中，有時候需要讓文字隨著圖片移動，創建一種繽紛的視覺效果。這可以通過CSS實現，并且實現起來非常簡單。

首先，你需要將圖片嵌入到HTML中：

<div class="wrapper">
<img src="your-image.jpg" alt="Your Image">
<h2>Your Heading</h2>
<p>Your Text</p>
</div>

接下來，你需要給這個包裹圖片的div添加一些CSS：

.wrapper {
position: relative;
}
.wrapper h2, 
.wrapper p {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.wrapper h2 {
left: 50%;
transform: translate(-50%, -50%);
}
.wrapper p {
right: 50%;
transform: translate(50%, -50%);
}

這段CSS將標題和文字定位到圖片的中心。在這個例子中，標題在圖片的左側，文字在圖片的右側。你可以根據需要進行調整。

請注意，.wrapper div的position屬性被設置為relative。這是因為你想讓標題和文字相對于它進行定位。如果你沒有設置這個屬性，標題和文字將相對于父元素進行定位。

最后，你可以添加一些過渡效果，使標題和文字更容易地跟隨圖片移動：

.wrapper h2, 
.wrapper p {
transition: all 0.5s ease;
}
.wrapper:hover h2, 
.wrapper:hover p {
transform: translateY(-60%);
}

這個CSS代碼將標題和文字的過渡效果設置為緩慢的移動效果。當用戶的鼠標懸停在圖片上時，標題和文字將向上移動10%的高度。

現在你已經完成了一個簡單的CSS技術，讓文字隨著圖片移動。使用這個技術可以創造出很多好看的視覺效果，激發用戶的興趣和好奇心。