picture.bg-main img {
    width: 100%;
    height: 400px;
    min-height: 533px;
    object-fit: cover;
}
@media only screen and (min-width: 768px) and (max-width: 991px)
{
    picture.bg-main img  {
        width: 100%;
    min-height: 480px;
    object-fit: cover;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px)
{
    picture.bg-main img  {
        width: 100%;
    min-height: 400px;
    object-fit: cover;
    }
}
@media (max-width: 575px)
{
    picture.bg-main img  {
        width: 100%;
    min-height: 260px;
    object-fit: cover;
    object-position: left;
    }
}