CSS中，我們可以使用transform和position屬性來實現圖片圍繞中心排列的效果。

首先，我們需要設置圖片的position為absolute，并將left和top值設置為50%，使其處于頁面的中心位置。

img {
position: absolute;
left: 50%;
top: 50%;
}

接著，使用transform屬性將其向左和向上移動圖片寬度和高度的一半，使其能夠以中心點為軸進行旋轉。此時，可以使用負數值來實現向上和向左的移動效果。

img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}

最后，使用transform屬性中的rotate()函數來旋轉圖片。為了讓圖片隨著屏幕的大小而自適應旋轉，我們可以使用calc()函數來動態計算旋轉角度。

img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%) rotate(calc((100vw + 100vh) / 50));
}

上述代碼中，旋轉角度的計算方式為 (100vw + 100vh) / 50，其中vw和vh分別為視口寬度和視口高度。當視口的寬度和高度相同時，圖片的旋轉角度為90度。

通過以上的代碼，我們就可以實現CSS圖片圍繞中心排列的效果了。