.step-number,
.abs-image img {
    transition: all 0.6s ease !important;
}

.steps-card,
.steps-card * {
    transition: all 0.6s ease !important;
}

.abs-number > img  {
    width: auto;
    height: 55px !important;
}

.steps-card:hover .step-number {
    top: -25px !important;
}

.steps-card:hover .abs-image img {
    transform: scale(1.08) rotate(-7deg) !important;
}

.steps-card:hover  .abs-number {
    top: -15px !important;
}

@media screen and (min-width: 1025px)  and (max-width: 1200px)  {
    .steps-card h2,
    .steps-card p
    {
        max-width: 80%;
    }
    .steps-card .abs-image img {
        max-width: 85px !important;
    }
}

@media screen and (max-width: 400px) {

   .steps-card .abs-number img {
        object-fit: contain;
    }
    .steps-card h2,
    .steps-card p
    {
        max-width: 80%;
    }
  
}

@media screen and (max-width: 360px) { 
    .steps-card .abs-image img {
        max-width: 85px !important;
        height: auto !important;
    }
    .steps-card {
        padding: 20px !important;
    }
}