body,
html {
    height: 100%;
    margin: 0;
    font-family: 'Kantumruy Pro', sans-serif;
}

.main {
    margin-top: 50px;
}

.responsive-image {
    max-width: 100%;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
  
.card {
    width: 50%;
    height: auto;
    display: -webkit-inline-flex;
    float: left;
}

.card .content {
    background: rgb(0, 0, 0); /* Fallback color */
    background: rgba(0, 0, 0, 0.5); /* Black background with 0.5 opacity */
    color: #f1f1f1; /* Grey text */
}