É possível aumentar o modal materialize.css e remover a barra de rolagem vertical?
Acabei de criar botões que exibem um modal uma vez clicado e cada botão tem um modal que mostra um gif de exercício diferente. No entanto, os modais são muito pequenos e estão impedindo que o usuário veja o gif inteiro, forçando-o a rolar para baixo. Quero remover a barra de rolagem e aumentar o modal para que o usuário possa ver o gif inteiro. Qualquer ajuda seria ótimo, aqui está o meu 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 - criei 6 funções de clique com IDs diferentes, este é um exemplo de uma delas, veja meu codepen, se você precisar de todo o 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");
});