How to decrease the width of a specicic section/page/app?

I installed this app/quiz on my store. Now in desktop mode, the app/page image is at full width. I tried to find the code but could not. Is there any way to decrease the width of this section?

site: www.dentalgoodbuys.com

@NGM2022 ,

.publicquiz .builder-container-preview {
    max-width: 65%!important;
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->base.scss.liquid

@NGM2022

yes, please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css ->paste below code at the bottom of the file.
.rh-widget.rh-inline iframe {
    max-width: 768px; /* change value as you like */
}

did not work

it did work! Thank you. Now the text above is not aligned with the widget. Do you know how can I align it?

@NGM2022

yes, please add this code also

#shopify-section-template--16686317994268__353bb896-cf8c-4dde-8e32-287994c8c927 .page-title.h2 {
    text-align: center;
}

perfect. thanks!

@NGM2022

its my pleasure to help us