How to change summary block animation

Hi! In the top portion of my website I have a summary block slideshow that is pulling images from my blog. I would like to change the animation of this from sliding to fading in quickly if that makes sense. I watched a youtube video to get this code and hers does not have the sliding effect that mine has. I also do not want there to be arrows showing as well. Does anyone have code for this? This is the current code I have in the code injection header:

<!-- Summary Block Auto-Scroll -->

<script>

window.onload = function() {

  var nextArrow = document.querySelector(".summary-carousel-pager-next");

  function clickNext() {

    nextArrow.click();

  }

  setInterval(clickNext, 4000);

};

</script>

A picture is attached of what I am talking about as well. Thanks in advance!

@lbencur25 hello! can you share a link to your site so we can see the animation in action? 

@SaranyaDesigns oh yes sorry I thought I did. https://www.courtneyfitzpatrick.com/