.tsp-v4-material__grid article{
  min-height:430px;
  overflow:hidden;
}

.tsp-v4-material__grid article>span{order:0}

.tsp-v4-material__grid article::before{
  content:"";
  order:1;
  display:block;
  flex:0 0 205px;
  width:100%;
  margin:16px 0 22px;
  border-radius:16px;
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
  box-shadow:inset 0 0 0 1px rgba(17,17,15,.035);
}

.tsp-v4-material__grid article:nth-child(1)::before{
  background-image:var(--planken-material-1, url('/local/components/taiga/smart.product/templates/.default/assets/material/living-texture.jpg'));
  background-position:center 52%;
}

.tsp-v4-material__grid article:nth-child(2)::before{
  background-image:var(--planken-material-2, url('/local/components/taiga/smart.product/templates/.default/assets/material/visual-scenarios.jpg'));
  background-position:center 44%;
}

.tsp-v4-material__grid article:nth-child(3)::before{
  background-image:var(--planken-material-3, url('/local/components/taiga/smart.product/templates/.default/assets/material/budget-system.jpg'));
  background-position:center 52%;
}

.tsp-v4-material__grid article h3{
  order:2;
  margin-top:0;
}

.tsp-v4-material__grid article p{
  order:3;
  margin-bottom:0;
}

@media (max-width:900px){
  .tsp-v4-material__grid article{min-height:auto}
  .tsp-v4-material__grid article::before{flex-basis:230px}
}

@media (max-width:560px){
  .tsp-v4-material__grid article::before{flex-basis:200px}
}