pyautoguiで画像が認識されない

前提・実現したいこと

https://qiita.com/oh_rusty_nail/items/e7f39a6fc3624ac9ff09

上記ページ内の動作を再現したかったのですが実際と異なる画像となります。

発生している問題・エラーメッセージ

エラーメッセージは表示されていないのですが、保存されたスクリーンショットの画像が違うものになります。リンクを開くことができていないようなので
pyautogui.locateCenterOnScreenが動いていないようなのですが
実行できない理由がわからない状態です。
対応方法ご教授いただければ幸いです。

なお、参考ページには

x,y = pyautogui.locateCenterOnScreen('weather.png')

となりますがこれではweather.pngが見つからないとエラーが出ており、
('weather.png',confidence=.4)としたらスクリーンショットを取るまでは動きました。

###欲しかった画像

###実際に保存された画像

###'weather.png画像

該当のソースコード

python
1import pyautogui 
2from selenium import webdriver
3import chromedriver_binary
4
5## Yahoo!のトップページを開く
6driver = webdriver.Chrome()
7driver.maximize_window()
8driver.get('https://www.yahoo.co.jp/')
9
10## 「天気・災害」のリンクを開く
11x,y = pyautogui.locateCenterOnScreen('weather.png',confidence=.4)
12pyautogui.moveTo(x, y)
13pyautogui.click(x, y)
14
15## 週間予報が表示されるように少し縦にスクロールする
16pyautogui.vscroll(-5)
17
18## 範囲を指定して週間予報の部分のスクリーンショットを取得する
19screenshot = pyautogui.screenshot(region=(225, 225, 650, 450))
20screenshot.save('yahoo_weather.png')
21
22driver.quit()

補足情報（FW/ツールのバージョンなど）

各バージョンは下記になります。

Python 3.9.2

chromedriver-binary==90.0.4430.24.0
et-xmlfile==1.0.1
MouseInfo==0.1.3
numpy==1.20.1
opencv-python==4.5.1.48
openpyxl==3.0.7
pandas==1.2.3
Pillow==8.2.0
PyAutoGUI==0.9.52
PyGetWindow==0.0.9
PyMsgBox==1.0.9
pyperclip==1.8.2
PyRect==0.1.4
PyScreeze==0.1.26
python-dateutil==2.8.1
PyTweening==1.0.3
pytz==2021.1
selenium==3.141.0
six==1.15.0
urllib3==1.26.4