Можно ли сделать модальный materialize.css больше и убрать вертикальную полосу прокрутки?

Я только что создал кнопки, которые выдают модал после нажатия, и у каждой кнопки есть модал, который показывает разные GIF-упражнения. Однако, модалы слишком малы, и это мешает пользователю увидеть весь gif-файл, заставляя его прокручивать страницу вниз. Я хочу удалить полосу прокрутки и сделать модальный размер больше, чтобы пользователь мог видеть весь рисунок. Любая помощь будет здорово, вот мой кодексhttps://codepen.io/anon/pen/gPwved

HTML

 <div id="modal1" class="modal">
    <div class="modal-content">
      <h4></h4>
      <p></p>
    </div>
    <div class="modal-footer">
      <a href="#!" class=" modal-action modal-close waves-effect waves-green btn-flat">Agree</a>
    </div>
  </div>

jQuery - я создал 6 функций щелчка с разными идентификаторами, это пример одного из них, посмотрите мой код, если вам нужен весь код

$("#chest").on("click", function() {
       $("h4").html("Bench Press");
        $("p").html("<img id='yo' src='https://45.media.tumblr.com/860edb05e3f8b0bf9b4313a819e87699/tumblr_mi2ud72e931qet17vo1_400.gif'>");
        $("#modal1").openModal("show");
    });

Ответы на вопрос(1)

Ваш ответ на вопрос