How to Make Image Full Bleed Right Top and Bottom

Site URL: https://www.designsbyalexina.com/

Hello!

I have an a CSS Question.  I am looking for image A (current website) look like image B (mockup). 

1. How do I make the image full bleed Top, Bottom, and Right? 

2. How do I remove the space from the right of the page?  This only happens on larger screens

I have tried changing the margins through css but it hasn't worked yet. 

Add to Design > Custom CSS

/* Image full */
[data-section-id="5ff8b2207a782102528f9983"] .content-wrapper {
    padding-top: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
}
html, body {
    overflow-x: hidden;
}
[data-section-id="5ff8b2207a782102528f9983"] .content {
    width: 100% !important;
}