Ist es möglich, die materialize.css-Modalität zu vergrößern und die vertikale Bildlaufleiste zu entfernen?

Ich habe soeben Schaltflächen erstellt, die nach dem Klicken ein Modal anzeigen, und jede Schaltfläche verfügt über ein Modal, das ein anderes Übungsgif anzeigt. Die Modalitäten sind jedoch zu klein und verhindern, dass der Benutzer das gesamte GIF sieht, wodurch er gezwungen wird, nach unten zu scrollen. Ich möchte die Bildlaufleiste entfernen und das Modal vergrößern, damit der Benutzer das gesamte GIF sehen kann. Jede Hilfe wäre toll, hier ist mein Codepenhttps: //codepen.io/anon/pen/gPwve

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- Ich habe 6 Click-Funktionen mit unterschiedlichen IDs erstellt. Dies ist ein Beispiel für eine davon. Sehen Sie sich meinen Codepen an, wenn Sie den gesamten Code benötigen.

$("#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");
    });