.vendor_card {
  position: relative;
  border: 1px solid #0a0a0a;
  border-radius: 10px;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
  min-height: 160px;
  height: fit-content;
  width: calc(100% - 250px);
  margin: 0 auto 20px auto;
}
.vendor_card:nth-of-type(odd) {
  padding: 20px 20px 20px 145px;
}
.vendor_card:nth-of-type(even) {
  padding: 20px 145px 20px 20px;
  background-color: #cdd7d6;
}
.vendor_logo {
  position: absolute;
  width: 250px;
  height: 163px;
  top: 15px;
  border: 1px solid #0a0a0a;
  border-radius: 5px;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
.vendor_card:nth-of-type(odd) .vendor_logo {
  left: -125px;
}
.vendor_card:nth-of-type(even) .vendor_logo {
  right: -125px;
}
.vendor_name {
    font-size: large;
    font-weight: 700;
}
.vendor_card button {
  border: 1px solid #0a0a0a;
  border-radius: 5px;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  padding: 5px 10px;
  cursor: pointer;
}
.vendor_card:nth-of-type(odd) button {
  background-color: #cdd7d6;
}
.vendor_story {
    margin-bottom: 1em;
}
.story_read_more,
.story_show_less {
  color: #6484A0;
  cursor: pointer;
}

/* only large phone */
@media all and (max-width: 768px) {
  .vendor_card {
    width: fit-content!important;
    padding: 100px 20px 20px 20px!important;
    margin: 80px 0 100px 0;
    min-height: unset;
  }
  .vendor_card .vendor_logo {
    left: 50%!important;
    transform: translate(-50%, 0);
    right: unset!important;
    top: -80px;
  }
  .vendor_card button {
    display: none;
  }
}