// main: ../card-picture.less .card-picture-7 { box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16); .card-picture-title { font-family: "Rajdhani", Arial, sans-serif; text-align: center; text-transform: uppercase; font-size: 20px; font-weight: bold; letter-spacing: 0.4px; line-height: 29px; color: #275D38; padding: 30px 20px; margin: auto 0px 0px; justify-content: center; align-items: center; flex-direction: column; &:after { content: "\f05a"; display: block; color: #A8A8A8; font-size: 13px; font-family: "Font Awesome 5 Pro"; } } .card-picture-img { order: -1; height: 100%; } .card-picture-content { display: none; } .card-picture-button { overflow: hidden; height: 0; } @media only screen and (max-width: 767px) { & { flex-direction: row; max-height: 80px; .card-picture-title { flex-direction: row; white-space: nowrap; margin: 0; } .card-picture-img { order: -1; height: 80px; width: 80px; } .card-picture-title { flex-direction: row; &:after { display: inline-block; white-space: nowrap; margin-inline-start: 10px; } } } } }