.wrapper-card {
    position: relative;
    display: inline-block;
}

.card {

    width: 300px;

    height: auto;

    margin: 10px;

    user-select: none;

    border-radius: 12px;

    /*border: 1.5px solid #E4E4E4;*/

    overflow: hidden;

    display: inline-block;

  }

  .card .image {

    width: 100%;

    height: 240px;

    overflow: hidden;

    object-fit: cover;

    background-size: contain;

  }

  .card-footer {

    width: 100%;

    background: rgba(var(--light-blue-rgb), 0.2);

    padding: 10px 15px;

    box-sizing: border-box;

    min-height: 55px;

  }

  .card-footer .catagory {

    font-size: 13.5px;

    color: gray;

  }

  .card-footer .readme-creator {

    padding: 7px 0;

    width: 100%;

    height: auto;

  }

  .card-footer .name {

    width: 75%;

    height: auto;

    word-wrap: break-word;

    font-size: 19px;

    font-weight: 500;

    color: black;

  }

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