Изображение делаем фоном для дива. Далее для div прописываем псевдоэлемент ::before или ::after и задаём ему соответствующие свойства: content: ""; width: 50%; height: 100%; background: blue; opacity: 0.5; (или два последних свойства заменить на background: rgba(0, 100, 255, 0.5)
Не забудьте div тоже задать высоту, а то не сработает стопроцентная высота псевдоэлемента.
Не забудьте div тоже задать высоту, а то не сработает стопроцентная высота псевдоэлемента.