Почему маска CALayer не центрирована и не смещена на несколько пикселей?

С маскировкой ошибок нет. Это очень важный материал, базовый для всего рисунка. Если бы была ошибка, весь интерфейс был бы сломан. Ошибка в вашем коде.

Это все в основном просто вопрос времени. Не говорите ни о каких фреймах или границах, пока не узнаете, что они собой представляют на самом деле.

Чтобы продемонстрировать, я буду работать в обратном порядке: сначала я покажу вам результат моего кода, затем я покажу вам код. Вот результат. Я начинаю с раскадровки с квадратом, центрированным автомакетом, так что вы знаете, что я не жульничаю:

Теперь я запускаю приложение и накладываю на весь экран градиентный слой с маской изображения сердца по центру:

Как видите, сердце находится точно в нужном месте. Он центрирован точно в том же смысле, что и желтый квадрат, и поэтому кажется центрированным в квадрате.

Теперь вот код. Обратите внимание, что работа по сборке выполняется только один раз, в viewDidLoad, но вся работа по измерению выполняется, когда у нас есть фактические измерения для работы, а именно в viewDidLayoutSubviews. Это Swift, но у вас не должно возникнуть проблем с переводом (С# или что-то еще):

class ViewController: UIViewController {
    
    let gradient : CAGradientLayer = {
        let g = CAGradientLayer()
        g.colors = [UIColor.red.cgColor, UIColor.green.cgColor]
        return g
    }()
    
    let mask = CALayer()
    
    let image : UIImage = {
        let im = UIImage(systemName: "heart.fill")!
        return im
    }()

    override func viewDidLoad() {
        super.viewDidLoad()
        self.view.layer.addSublayer(gradient)
        mask.contents = image.cgImage
        mask.contentsGravity = .center
        gradient.mask = mask
    }
    
    override func viewDidLayoutSubviews() {
        gradient.frame = view.bounds
        mask.frame = gradient.bounds
    }
}

Идите и поступайте так же.