Angular6 - рендеринг изображений внутри выпадающего списка

Question

Я пытаюсь создать раскрывающийся список HTML с изображениями SVG. Мой код ниже не отображает изображение:

<select name="options">
   <option class="en" value="en" 
      style="backgroundimage:url('assets/svg/en.svg');">English
   </option>

   <option class="fr" value="fr"
      style="background-image:url('assets/svg/fr.svg');">French
   </option>

   <option class="pl" value="pl"
      style="background-image:url('assets/svg/pl.svg');">Polish
   </option>

   <!-- this way doesn't work eighter. -->
   <option><img class="country-flag" src="assets/svg/en.svg"></option>

</select>

Я знаю, что это можно сделать с помощью сторонней библиотеки. Но я ищу решение в html / css / typescript. Использование Angular6. Спасибо.