#myimg {
        object-fit: cover;
        z-index: 1;
        position: absolute;
        width: 500px;
    }

@media screen and (min-width: 400px) and (max-width: 449px)
{
#myimg2 {
    object-fit: cover;
    z-index: 10;
    width: 198px;
    position: relative;
    margin-top: 85px;
}
/*#myt {
    padding-top: 100px !important;
}*/
}
@media screen and (min-width: 450px) and (max-width: 770px)
{
#myimg2 {
    object-fit: cover;
    z-index: 10;
    width: 218px;
    position: relative;
    margin-top: 110px;
}
#myt {
    padding-top: 130px !important;
}
}

@media screen and (min-width: 330px) and (max-width: 399px)
{
#myimg2 {
    object-fit: cover;
    z-index: 10;
    width: 180px;
    position: relative;
    margin-top: 70px;
}
}
@media screen and (min-width: 200px) and (max-width: 325px)
{
#myimg2 {
    object-fit: cover;
    z-index: 10;
    width: 155px;
    position: relative;
    margin-top: 70px;
}
/*#myt {
    padding-top: 100px !important;
}*/
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1020px)/* for ipad x) */
{  #myimg2 {
        object-fit: cover;
        z-index: 10;
        width: 220px;
        position: relative;
        margin-top: 60px;
    }
    #myimg {
        object-fit: cover;
        z-index: 1;
        position: absolute;
        width: 400px;
    }
    #myt {
    padding-top: 100px !important;
}
}


@media screen and (min-width: 1024px)
{
#myimg2 {
    object-fit: cover;
    z-index: 10;
    width: 270px;
    position: relative;
    margin-top: 90px;
}
}