Div collapses/hides

Hello

I've managed to get this working on a blank page... however when I put it into a page on OpenCart the credit card will show on page load, then instantly hide itself.

I've tried a number of different CSS to keep it from disappearing, however it instantly collapses and hides.

`
var card = new Card({
form: document.querySelector('#payment'),
container: '.card-wrapper',

formSelectors: {
numberInput: 'input#input-cc-number', // optional — default input[name="number"]
cvcInput: 'input#input-cc-cvv2', // optional — default input[name="cvc"]
nameInput: 'input#name' // optional - defaults input[name="name"]
},

width: 400, // optional — default 350px
formatting: true, // optional - default true
});

.card-wrapper {
display: block;
width: 100%;
min-height: 200px;
visibility: visible;}
`

This is what I have, any ideas?