.bike_container {
  display: flex;
  flex-wrap :wrap;
  justify-content : space-around;
  gap:50px;
}


.bike_card{
  max-width : 550px !important;
/*   height: auto; */
  border-radius: 1rem;
  background-color: white;
  padding: 2rem;
  box-shadow: 0px 5px 10px -3px rgba(1, 1, 1, 0.4);
  flex-basis: calc(50% - 50px);
  
}

h2, .description{
  text-align:center;
}

.bike_image {
  margin:auto;
  max-width:100%;
  overflow: hidden;
}

img .bike_pic {
  height: 100%;
  display: block;
}

.button {
  display: flex;
  justify-content: center;
  align-items : center;
  margin: auto;
  height: 50px;
  width:170px;
}



a {
    text-decoration: none;
    color : white;
}
a:hover, a:visited, a:active, a:link {
  text-decoration: none;
  color :white;
}


.bike_card h2,
.bike_image,
.description,
.button {
  margin-bottom: 1rem;
}
  

@media (max-width: 768px) {
  .container {
    gap: 20px;
  }

  .bike_card {
    width: 350px; !important
    flex-basis: 100%;
    margin-bottom: 1rem;
  }

  .bike_image {
    width: 350px; !important
    height: auto; 
  }

}