Рамка вокруг изображения (настройка) - Вопросы по CSS

Приветствую, господа! Вопрос вот какой. Есть Joomla 3.9.10, есть framework Astroid 2.2.3 (если это важно). Нужно было сделать чтобы при наведении мышки на изображение выходила рамка другого цвета. Прописал код:


Стали выделять абсолютно все картинки на сайте, включая логотип. А мне это нафиг не надо. Поэтому вопрос - как-то можно сделать ограничение для данного кода, чтобы выделялись только картинки *.jpg или только те у которых ширина 1200 px (на всю страницу)? В CSS не силен, поэтому и спрашиваю. Заранее спасибо за помощь.

задить класс нужным картинкам

Интересное решение, не подумал об этом. Хорошо. А если на сайте 100 картинок (цифра с потолка) то для каждой придется прописывать этот класс? Или как-то можно автоматизировать?

так смотря где находя]тся картинки которые надо рамкой крыть

В материале. Или я не совсем понял вопрос?

ну так задайте в шаблоне вывода материала класс для изображений
и все картинки в материалах будут уже с классом автоматом

Тогда вот еще какой вопрос. А как правильно приписывать новый класс в CSS? Допустим...

Будет работать или я неправильно написал?

hover box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
не верно
.myclass :hover{
box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
}

А как тогда еще дописать для картинок?

.myclass :hover{
box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
}
img {
  border: 1px solid #f2f3f4;
  border-radius: 4px;
  padding: 5px;
}

Спасибо! Все получилось)