.machines{
    /* background-color: rgb(249, 130, 130); */
}

.machinesContainer{
    /* background-color: rgb(90, 77, 151); */
}

.headingBody {
     /* background-color: rgb(100, 227, 178); */
}

.headingBlock{
    /* background-color: rgb(117, 209, 245); */
}

.headingBox{
       /* background-color: #ddff00; */
    width: 100%;
    height: 100%;
}

.headingBox figure{
    /* background-color: white; */
}

.headingBox figure img{
    /* background-color: white; */
    width: auto;
    height: 10rem;
}

.headingBox h2{
    /* background-color: white; */
}

/* row2 */

.machinesody{
    /* background-color: white; */
}

.machinesBlock{
    /* background-color: rgb(255, 255, 255); */
    padding: 1rem;
}

.machinesBox {
    /* background-color : cadetblue; */
    width: 100%;
    
    box-sizing: border-box;
    border-radius: 1rem;
    box-shadow: 10px 5px 8px 2px rgba(0, 0, 0, 0.5);
}

.machinesBox .cardHeader{
    /* background-color: black; */
    width: 100%;
}

.machinesBox .cardHeader figure {
    /* background-color: blue; */
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.machinesBox figure img {
    
    width: 100%;            /* Shrinks image with container */
    max-height: 150px;      /* Set maximum height for smaller image */
    object-fit: cover;    /* Keeps image aspect ratio */
}

.machinesBox .cardMain{
    /* background-color: rgb(255, 8, 152); */
    padding: 2rem;
}

.machinesBox h3{
    /* background-color: white; */
}