在網頁設計中，使用圖片可以使網頁更具有吸引力，而CSS可以為圖片添加動畫效果，使網頁更加生動。但有時候，我們需要固定一張圖片的位置，而不希望它被動畫效果所影響，這時候就需要使用CSS中的"圖片動框不動"技術。

具體來說，這種技術常用的方法是通過給圖片添加一個獨立的容器，然后對容器應用動畫效果，而不是對圖片本身應用動畫效果。這樣就可以實現圖片靜止不動，而動畫效果只作用于圖片容器。

以下是一個示例代碼，其中圖片的容器使用了絕對定位，并且z-index屬性設置為-1，這樣就可以使容器在網頁中位于最底層，而不和其他元素產生重疊：

.container{
position: absolute;
bottom: 0;
left: 0;
z-index: -1;
}
.container img{
height: 100%;
width: 100%;
object-fit: cover;
}
.animation{
animation-name: move;
animation-duration: 3s;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
@keyframes move {
0%   {transform: translateX(0);}
100% {transform: translateX(100%);}
}

以上代碼中，.container為容器的類名，img為被包括的圖片，.animation為動畫效果的類型，move為動畫的名稱，具體的動畫效果由@keyframes指定。

這種方法的好處不僅是可以使某張圖片保持靜止，不受到動畫的影響，還可以使該圖片成為整個網頁的背景圖片，增加網頁設計的創造性和美感。