Three columns side by side
    .column {
      float: left;
      width: 33.3%;
      margin-bottom: 16px;
      padding: 0 8px;
    }
    
    /* Display the columns below each other instead of side by side on small screens */
    @media screen and (max-width: 650px) {
      .column {
        width: 100%;
        display: block;
      }
    }
    
    /* Add some shadows to create a card effect */
    .card {
      margin: 0 auto; /* Added */
        float: none; /* Added */
        margin-bottom: 10px; /* Added */
    }
    
    /* Some left and right padding inside the container */
    .container {
      padding: 0 16px;
    }
    
    /* Clear floats */
    .container::after, .row::after {
      content: "";
      clear: both;
      display: table;
    }
    
    .title {
      color: grey;
    }
    #parent-container {

border-radius: 6px;
width: 250px;
/* padding: 10px; */
position: relative;
background-color: #d43190;
margin-bottom: 10px;
}

.parent-container div {
font-weight: 500;
font-size: 14px;
margin: 10px;
box-sizing: border-box;
}

    
    .button {
      border: none;
      outline: 0;
      display: inline-block;
      padding: 8px;
      color: white;
      background-color: #000;
      text-align: center;
      cursor: pointer;
      width: 100%;
    }
    
    .button:hover {
      background-color: #555;
    }

    .img-center {
      display: block;
  margin-left: auto;
  margin-right: auto;
  height: 20%;
  
        }

.error {
border: 3px solid #1f0874;

      }

  .card-bg {
   background-color: #fff;
   
  }
   .hred{
    color: #060f64;
  }