Testimonial slider tablet view

Site URL: https://www.lindakovasin.com/etusivu

I have a testimonial slider on my clients front page. It's optimized for mobile but I'm having trouble with optimizing it for tablets. Any help?

6 hours ago, ilonapoutanen said:

Site URL: https://www.lindakovasin.com/etusivu

I have a testimonial slider on my clients front page. It's optimized for mobile but I'm having trouble with optimizing it for tablets. Any help?

In your custom css, I think you should increase the breakpoint from 768px to 1024px

This is my code for that part. Could you point out where should I make those changes?
 

[data-section-id="603dfd3c0d14784990a9360b"]{
  @media(min-width:767px){
.section-background{
  width:50%;
  margin-left:50%;
}
.content-wrapper{
  width:50%;
  margin-right:50% !important;
    }}
@media(max-width:767px){
  display:block;
  .section-background, .content-wrapper{
  position: relative;
}
.section-background{
     height:400px;
}}}

[data-section-id="603dfd3c0d14784990a9360b"]{
.summary-carousel-pager .previous {
 position: absolute !important;
 left: -50% !important;
 right: inherit !important;
  }}

[data-section-id="603dfd3c0d14784990a9360b"]{
  @media(max-width:767px){
.summary-carousel-pager .previous {
 position: absolute !important;
 left: 3% !important;
 right: inherit !important;
 top: 30% !important;
    }}}

[data-section-id="603dfd3c0d14784990a9360b"]{
.summary-carousel-pager .next {
 position: absolute !important;
 right: -50% !important;
 left: inherit !important;
  }}

[data-section-id="603dfd3c0d14784990a9360b"]{
  @media(max-width:767px){
.summary-carousel-pager .next {
 position: absolute !important;
 right: 3% !important;
 left: inherit !important;
 top: 30% !important;
    }}}

@media(max-width:767px){
#block-yui_3_17_2_1_1614678250862_8808{
  padding-left: 10%;
  padding-right: 10%;
  }}

All the width:767px

Now it's better, thanks! 

However I noticed that there's still short moment when it's totally wrong if you slide the window.