Rotate Custom Image Acting As Arrow Inside Dropdown

I followed a tutorial online that helped me to replace browsers' default dropdown selection arrow with my own image. This has worked fine and you can see the example here. .headerD

Solution 1:

Add another element for the caret and rotate it separately. You can create a custom CSS animation and manipulate it as you wish.

https://jsfiddle.net/johnniebenson/xajzuxn4/