¿Es posible agrandar el modal material.css y eliminar la barra de desplazamiento vertical?
Acabo de crear botones que muestran un modal una vez que se hace clic y cada botón tiene un modal que muestra un gif de ejercicio diferente. Sin embargo, los modales son demasiado pequeños y esto impide que el usuario vea el gif completo, lo que los obliga a desplazarse hacia abajo. Quiero eliminar la barra de desplazamiento y hacer que el modal sea más grande para que el usuario pueda ver todo el gif. Cualquier ayuda sería genial, aquí está mi codepenhttps://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: creé 6 funciones de clic con diferentes ID, este es un ejemplo de una de ellas, vea mi código abierto si necesita todo el código
$("#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");
});