hình ảnh với ứng dụng màn hình web

.content .slider {
    height: 1075px;
    overflow: hidden;
    position: relative;
}

.content .slider img{
    display: inline;
    min-width: 1000px;
    position: absolute;
    width: 100%;
    z-index: 0;
}

@media (min-width: 1680px) and (max-width: 1920px) {
.content .slider {
    height: 940px;
}
}
@media (min-width: 1348px) and (max-width: 1679px) {
.content .slider {
    height: 755px;
}
}
@media (min-width: 1200px) and (max-width: 1347px) {
.content .slider {
    height: 672px;
}
}
@media (max-width: 1199px) {
.content .slider {
    height: 560px;
}
}
**** html
<div class="content">
     <div class="slide"><img src="hinh-1.jpg"></div>
</div>