title: Picture icon switch effect for Owl Carousel plugin using only CSS
body: <p>I am not a coder by trade but work with Wordpress sites on the job. I am currently using a plugin that uses Owl Carousel and I added custom CSS to change the background and text color once a segment of the carousel is hovered over. I would also like the current icon symbol (that is a png image) to be changed as well. </p>
  
  <p>I have had difficulty with this and wanted to know if it's even possible using CSS alone, since I don't work in the backend of the site. </p>
  
  <p>You can find an image below of what I would like to accomplish plus. Here is also a link.</p>
  
  <p><a href="https://i.stack.imgur.com/F3zV4.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/F3zV4.png" alt="enter image description here"></a></p>
  
  <p><a href="https://www.radiustheme.com/demo/wordpress/miako/home-3/" rel="nofollow noreferrer">https://www.radiustheme.com/demo/wordpress/miako/home-3/</a><br>
  (this is not the theme I am using but I believe Owl Carousel is also being used.)</p>
  
  <p>Any advice or suggestions would be helpful. </p>