.dialog { border: 0; border-radius: 10px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); overflow-y: visible; opacity: 0; transition: all 0.5s; } .dialog::backdrop { background-color: rgba(0, 0, 0, 0.0); transition: all 0.5s; } .dialog.show { opacity: 1; } .dialog.show::backdrop { background-color: rgba(0, 0, 0, 0.7); } .dialog .close { line-height: 30px; text-align: right; color: #aaa; font-size: 64px; } .dialog .close:hover, .dialog .close:focus { color: black; text-decoration: none; cursor: pointer; } .dialog .contents { margin-top: 20px; text-align: left !important; } .dialog img { max-width: 100%; }