Настроить вывод миниатюры изображения

Здравствуйте, растолкуйте момент с миниатюрами изображений пожалуйста.

Есть код, который выводит миниатюру изображения на главной странице блога <div class="size-img"><?php the_post_thumbnail('medium'); ?></div> то есть по идее, должен выводится средний размер картинки (раньше у меня было 300, сейчас 500px). Если посмотреть исходный код страницы, то там <div class="size-img"><img width="500" height="333" src="https://gymbalance.ru/wp-content/uploads/uspokoit_devochku_posle_gymnastiki-500x333.jpg" class="attachment-medium size-medium wp-post-image" alt="" srcset="https://gymbalance.ru/wp-content/uploads/uspokoit_devochku_posle_gymnastiki-500x333.jpg 500w, https://gymbalance.ru/wp-content/uploads/uspokoit_devochku_posle_gymnastiki.jpg 900w" sizes="(max-width: 500px) 100vw, 500px" /></div>
выглядит вроде как в порядке.
НО, если на картинке нажать правой кнопкой мыши и «Копировать ссылку на изображение», то копируется вот это: https://gymbalance.ru/wp-content/uploads/uspokoit_devochku_posle_gymnastiki.jpg то есть полная версия.

Когда у меня средний размер стоял 300 px, я жаловался на эту проблему здесь и там показали, что у кого-то копируется ссылка https://gymbalance.ru/wp-content/uploads/uspokoit_devochku_posle_gymnastiki-300x200.jpg но при этом, у меня в Мозиле копировалась ссылка полной версии. Проверил в Хроме, первый раз выдал картинку 300 на 200, а потом стал давать полную. В опере тоже самое. Теперь везде выдаётся полная картинка, визуально видно.

Как вывести миниатюру изображения во всех браузерах?