.add {
    display: flex;
    justify-content: center;
    margin-bottom: 6rem;
    gap: 4rem;
}

.add .img-moroccanoil{
    width: calc(var(--body-width)/2);
}

.add .img-isadora{
    width: calc(var(--body-width)/6);
    margin-top: 15px;
}

.add .img-gold{
        width: calc(var(--body-width)/8);
        margin-top: -50px;
}

@media only screen and (min-width: 320px) and (max-width: 575px) {
  
    .add .img-moroccanoil{
        width: calc(var(--body-width)/2);
    }

    .add .img-gold{
        margin-top: 0;
    }

    .add .img-isadora{
        margin-top: 10px;
    }

    .add{
        margin-bottom: 3rem;
        gap: 2rem;
    }
 }

   @media (min-width: 768px) and (max-width: 1024px) {
    .add .img-moroccanoil{
        margin-top: 5px;
    }

    
    .add .img-gold{
        margin-top: -15px;
    }
}