as the title is, the picture itself is in high definition. No more than 2 rowing pictures are clear, but more than 2 rowing pictures become blurred, which is very strange.
the following complete code, you can use 1920 wide images to replace 3 can be tested, thank you.
<script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript" src="http://owlcarousel2.github.io/OwlCarousel2/assets/owlcarousel/owl.carousel.js"></script>
<link rel="stylesheet" href="http://owlcarousel2.github.io/OwlCarousel2/assets/owlcarousel/assets/owl.carousel.min.css">
<link rel="stylesheet" href="http://owlcarousel2.github.io/OwlCarousel2/assets/owlcarousel/assets/owl.theme.default.min.css">
<!--banner-->
<div class="banner">
<div class="owl-carousel owl-theme" id="ktBanner">
<div class="pics"> <a href="" ><img src="Images/banner2.jpg" /></a></div>
<div class="pics"> <a href="" ><img src="Images/banner3.jpg" /></a></div>
<div class="pics"> <a href="" ><img src="Images/banner.jpg" /></a></div>
</div>
</div>
<!--banner-->
<script>
$(document).ready(function(){
$("-sharpktBanner").owlCarousel({
items: 1,
loop: true,
center:true,
autoplay: true,
autoplayTimeout: 3000,
autoplayHoverPause: true
});
});
</script>