How to move arrow icon outside the slider container in Divi Blog Extras?

To move the arrow icon outside the slider container in Divi Blog Extras please add the following CSS on the page or in Divi Theme Option.

.swiper-button-prev {
    left: -40px !important;
}
 .swiper-button-next {
    right: -40px !important;
}
 .swiper-container {
    position: inherit !important;
}
@media screen and (max-width: 767px) {
    .swiper-button-prev {
    	left: -25px !important;
	}
 .swiper-button-next {
    	right: -25px !important;
	}
}

Output: