.img-container .img-01{
  display:block; max-width:100%; width:auto; max-height:100%; height:9rem;
}
.img-container .img-02{
  transform:scale(.6);
}
.img-container .img-03{
  display:block; max-width:100%; width:auto; max-height:100%; height:2rem;
}

.ss-card-01{
  position: relative; overflow:hidden;
}
.ss-img{
  position: relative; padding:60% 0 0 0;
}
.ss-card-01 .img-bg{
  position: absolute; top:0; left:0; right:0; bottom:0;
  background-size:cover; background-position:center;
  background-repeat: no-repeat; border-radius:.5rem;
}

.ss-card-02 .wrapper{
  display:flex; align-items:center; flex-wrap:wrap;
}
.ss-card-02 .wrapper .img-container{
  width: 16rem;
}
.ss-card-02 .wrapper .text-container{
  width:calc(100% - 16rem); padding:0 1rem;
}
@media screen and (max-width:1199.98px){
  .ss-card-02 .wrapper .img-container{
    width: 10rem;
  }
  .ss-card-02 .wrapper .text-container{
    width:calc(100% - 10rem); 
  }
}
@media screen and (max-width:575.98px){
  .ss-card-02 .wrapper .img-container{width:100%;}
  .ss-card-02 .wrapper .text-container{width:100%;}
}