.embla .embla2{
  background-color: white;
  overflow: hidden;
  max-width: 90%;
  display: inline-block;
}

.embla__viewport {
  height: 100%;
  left: 60px;
  width: calc(100% - 120px);
  position: relative;
  overflow: hidden;
}

.embla__container {
  display: flex;
  height: 100%;
}
.embla__slide {
  flex: 0 0 20%; /* Slide covers 80% of the viewport */
  /*margin-left: 10px;
  margin-right: 10px;*/
}
.embla > button{
  position: absolute;
  top: 42%;
  border-radius: 20px;
  width: 38px;
  height: 38px;
  border: 0px;
  background-color: white;
  cursor: pointer;
  padding: 0px;
  line-height: unset;
  color: white;
}
.embla > button > svg{
  display: block;
  width: 100%;
  height: 100%;
  fill: #C30000;
  background-color: transparent;
}

.embla__prev{
  left: 11px;
  transform: rotate(-90deg);
}
.embla__next{
  right: 11px;
  transform: rotate(90deg);
}

@media (max-width: 1680px) {
  .embla__slide { flex: 0 0 25%;}
}
@media (max-width: 1300px) {
  .embla__slide { flex: 0 0 33%;} 
}
@media (max-width: 980px) {
  .embla__slide { flex: 0 0 50%;}
}
@media (max-width: 660px) {
  .embla__slide { flex: 0 0 100%;}
}