Make featured main section wider on mobile (CSS)?

Hi,

I would want to make the featured main section wider on the mobile view.
Is this possible with CSS?
I tried to add the following as “Additional CSS”, but couldn’t get it to work (in a media query, where I have other additions that do work).

.slider-feature-wrap, .featured-slider, .slick-list{
width: 100%;
}

This is the site: https://stylelanka.lk
And here I have marked with yellow the part I want to “remove” and where the images should go all they way out: https://ibb.co/fkNQhyf

Many thanks in advance!

Best Regards,
Pushparaj