html, body {
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
.img-fluid{
    max-width: 400px;
}
.card{
    -webkit-box-shadow: 0 0 50px 0 rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 50px 0 rgba(0,0,0,0.2);
    box-shadow: 0 0 50px 0 rgba(0,0,0,0.2);
    text-align: center;
    border-radius: 40px;
}
#widgetIframe {
position: fixed;
bottom: 0;
right: 0;
height: 20vh;
width: 200px;
border-radius: 8px 8px 0 0;
border: none;
z-index: 200000;
max-width:100% !important;
}
@media screen and (max-width: 600px) {
#widgetIframe {
    width: 100%;
}
}