https://www.nationalrestaurantawards.co.uk/filestore/js/splideCustomCode-homepageCarousel.js

1//v1.0
2
3document.addEventListener('DOMContentLoaded', function () {
4      const carouselOne = new Splide('#hero-row-one', {
5          arrows: false,
6          focus: '1',
7          gap: '2.4rem',
8          rewind: false,                   
9          type: 'loop',
10          trim: true,                    
11          pagination: false, 
12          lazyLoad: 'nearby',
13          fixedHeight: '26rem',
14          fixedWidth: '26rem',                    
15          padding: '0%',
16          start  : 5,
17          speed: 2000,                     
18          drag   : 'free',
19          snap   : false,  
20          direction: 'ltr', 
21          autoScroll: {
22              speed: 0.25,
23          },                                                 
24          breakpoints: {
25              1680: {
26                  gap: '2.4rem',
27                  fixedHeight: '23rem',
28                  fixedWidth: '23rem',
29              },
30              1375: {
31                  gap: '2rem',
32                  fixedHeight: '20rem',
33                  fixedWidth: '20rem',
34              },
35              690: {   
36                  speed: 4000,                         
37                  gap: '1.8rem',
38                  fixedHeight: '18rem',
39                  fixedWidth: '18rem' ,
40                  autoScroll: {
41                      speed: 0.25,
42                  }                              
43              }
44          }
45      });
46      carouselOne.mount( window.splide.Extensions);
47
48      const carouselTwo = new Splide('#hero-row-two', {
49          arrows: false,
50          focus: '1',
51          gap: '2.4rem',
52          rewind: false,
53          type: 'loop',
54          trim: true,
55          pagination: false,                     
56          lazyLoad: 'nearby',
57          fixedHeight: '26rem',
58          fixedWidth: '26rem',                  
59          padding: '30%',
60          start  : 5,
61          speed: 2000, 
62          drag   : 'free', 
63          snap   : false,
64          direction: 'rtl', 
65          autoScroll: {
66              speed: 0.25,
67          },                                    
68          breakpoints: {
69              1680: {
70                  gap: '2.4rem',
71                  fixedHeight: '23rem',
72                  fixedWidth: '23rem',
73              },
74              1375: {
75                  gap: '2rem',
76                  fixedHeight: '20rem',
77                  fixedWidth: '20rem',
78              },
79              690: {   
80                  speed: 4000,                       
81                  gap: '1.8rem',
82                  fixedHeight: '18rem',
83                  fixedWidth: '18rem',
84                  padding: '22%',        
85                  autoScroll: {
86                      speed: 0.25,
87                  }                                                                                   
88              }
89          }
90      });
91      carouselTwo.mount( window.splide.Extensions);
92
93  });