.caption-text{bottom: 0; left: 0; right: 0; color: rgb(255 255 255 / 85%); position: absolute;}
.caption-text h4{margin-bottom: 8px; text-transform: uppercase; font-weight: normal; color: #ffffff;}

/*-- media css starts here --*/
@media only screen and (min-width: 1024px){
    .image-caption-main{margin: 98px 0 127px;}
    .caption-text{max-width: 996px; margin: 0 auto; padding: 0 0 45px;}
}
@media only screen and (max-width: 1299px) and (min-width: 1024px){
    .caption-text{padding: 0 32px 45px;}
}
@media only screen and (max-width: 1023px) and (min-width: 768px){
    .image-caption-main{margin: 74px 0 78px;}
    .caption-text{padding: 0 32px 45px;}
}
@media only screen and (max-width: 767px) and (min-width: 200px){
    .image-caption-main{margin: 46px 0 45px;}
    .caption-text{padding: 0 37px 33px;}
}