Could someone explain how transformations work in relation to nextjs + changing domain?

// loads images from the cloudflare cdn
const normalizeSrc = (src: string) => {
    return src.startsWith("/") ? src.slice(1) : src;
};

export default function cloudflareLoader({
    src,
    width,
    quality,
}: { src: string; width: number; quality?: number }) {
    if (process.env.NODE_ENV === "development") {
        return src;
    }
    const params = [`width=${width}`];

    params.push(`slow-connection-quality=40`);
    params.push('format=avif');
    params.push('fit=scale-down');
    params.push('metadata=none');

    if (quality) {
        params.push(`quality=${quality}`);
    }

    const paramsString = params.join(",");
    return `/cdn-cgi/image/${paramsString}/${normalizeSrc(src)}`;
}

// loads images from the cloudflare cdn
const normalizeSrc = (src: string) => {
    return src.startsWith("/") ? src.slice(1) : src;
};

export default function cloudflareLoader({
    src,
    width,
    quality,
}: { src: string; width: number; quality?: number }) {
    if (process.env.NODE_ENV === "development") {
        return src;
    }
    const params = [`width=${width}`];

    params.push(`slow-connection-quality=40`);
    params.push('format=avif');
    params.push('fit=scale-down');
    params.push('metadata=none');

    if (quality) {
        params.push(`quality=${quality}`);
    }

    const paramsString = params.join(",");
    return `/cdn-cgi/image/${paramsString}/${normalizeSrc(src)}`;
}