Transform Static Carousel List into Interactive Hoverable Cards

is it possible to enhance the user experience by converting the static carousel list into interactive hoverable cards.

Each card will dynamically respond to user interaction, creating a modern and engaging interface. Upon hovering over a card, subtle animations or transitions can be applied to highlight the selected card.

This is the section: 

Here's the url: https://www.rpagroupllc.com/our-services-2

Use this to Website Tools > Custom CSS

section[data-section-id="673969b853d6dc3619993a60"] {
li.list-item.list-item-basic-animation {
    transition: all 0.3s ease;
}
li.list-item:hover {
    transform: translateY(-10px);
    transition: all 0.3s ease;
}}

1 hour ago, tuanphan said:

Use this to Website Tools > Custom CSS

section[data-section-id="673969b853d6dc3619993a60"] {
li.list-item.list-item-basic-animation {
    transition: all 0.3s ease;
}
li.list-item:hover {
    transform: translateY(-10px);
    transition: all 0.3s ease;
}}

Thank you that help, last question how to make this class 'list-item'  be hoverable or act as a link as well? 

Thank you that help, last question how to make this class 'list-item'  be hoverable or act as a link as well? 

You can use this code to Website Tools > Code Injection > Footer

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
	$('section[data-section-id="673969b853d6dc3619993a60"] li').click(function() {
  window.location = $(this).find("a").attr("href"); 
  return false;
});
});
</script>