Jquery 边界半径div内的CSS动画

我试图在另一个div边界半径内设置图像动画。我在这里找到了自动旋转图像的脚本，但我希望图像被放置在边界半径内，例如，像这个屏幕截图-

这是我所有的密码

HTML:

JS:

请帮忙

.foodimg {
    ...
    overflow: hidden;
}
.foodimg img {
    max-height: 320px;
}

.foodimg {
    border-radius: 200px;
    width: 320px;
    height: 320px;
    position: absolute;
    left: 100px;
}

var $imgs = $(".foodimg").find("img"),
    i = 0;

function changeImage() {
    var next = (++i % $imgs.length);
    $($imgs.get(next - 1)).fadeOut(500);
    $($imgs.get(next)).fadeIn(500);
}

var interval = setInterval(changeImage, 5000);

.foodimg {
    ...
    overflow: hidden;
}
.foodimg img {
    max-height: 320px;
}