suppress image in multiple media queries
I have an image I would like hidden (display:none) from all breakpoints except for desktop, uncollapsed or widest/largest view.
How can I write a query to target all the other breakpoints min-max and how do I do this if the image is within a div, contained within another positioning div?
...Was not sure if it is the container that needs to be targeted or the img div itself?
Much appreciated!
.imgContainer {
width:100%;
margin-top: -8%;
margin-left: 3%;
position: relative;
z-index: -5;
}
.imginHere {
background: url('../img/photo.png') no-repeat;
width:273px;
height:218px;
position: absolute;
z-index: -5;
}
