.card-text {
  margin-top: 10px;
  margin-bottom: 10px;
}

.custom-left {
  text-align: left;
}

@media (max-width: 768px) {
    /* Shrink images while maintaining aspect ratio */
    .card img {
      max-width: 100%;
      height: auto;
    }
  
    /* Reduce card height dynamically */
    .card {
      height: auto !important;
    }
  
    /* Ensure small margins & padding */
    .container {
      padding-left: 10px !important;
      padding-right: 10px !important;
    }
  }
  
  @media (max-width: 576px) {
    /* Further reduce image size on smallest screens */
    .card img {
      max-width: 90%;
      height: auto;
    }
  
    /* Reduce text size slightly */
    body p, body li, body h5, body h6, .card-text {
      font-size: 12px !important;
      line-height: 1.3 !important;
    }
  
    /* Ensure a small margin around content */
    .container {
      padding-left: 5px !important;
      padding-right: 5px !important;
    }
  
    /* Center align card contents */
    .card-body {
      text-align: center;
    }

    .row {
        padding-left: 5px;
        padding-right: 5px;
    }

    #github-row {
        margin: 5px;
    }

    #check-github {
        padding-left: 5px;
        padding-right: 5px;
        text-align: center;
    }
  }