Консоль Google Search Console. Проблема с слишком близким расположением интерактивных элементов, вызванная использованием изображений вместо флажков.

Я использую изображения вместо флажков, и поскольку мне нужно скрыть элемент input [checkbox], консоль поиска Google помечает его как несовместимое с мобильными устройствами, говоря, что элементы Clickable [находятся] слишком близко друг к другу.

Вот пример, показывающий, как работает код:

<style>
    input[type=checkbox] {
        display: none;
    }
    img{
        border: 5px solid transparent;
    }
    input[type=checkbox]:checked+img {
        border-color: #000;
    }
</style>
<label>
    <input type="checkbox">
    <img src="https://picsum.photos/200">
</label>

И вот он в коде:

https://codepen.io/evan-appleby/pen/xxOjBag

Когда я снимаю флажок, Google устраняет проблему, но не в том случае, если я затем закрываю флажок, используя отрицательное поле на изображении. Что я могу сделать, чтобы исправить это, не удаляя изображения полностью?