Есть такой крутой тег в HTML называется picture, там можно установить какая картинка будет отображаться в зависимости от экрана пользователя.
Посмотри в интернете как оно делается.
Я сам особо не знаю как писать БЭМ методом, но вроде бы говорили что вместо дефиса, нужно использовать двойное нижнее подчёркивание, типа:
main__btn
Поправьте если не так.
