Elementor Custom CSS with Media Queries for different Elements

/* This is an Example for a gallery-item in Elementor Custom CSS with Media Queries for different Elements */

/* Small devices (mobile/tablets, 767px and below) */
@media only screen and (max-width: 766px) {
selector .gallery-item img {
object-fit: cover;
height: 18.5em
}
}

/* Medium devices (tablets/desktops, 768px and up) */
@media only screen and (min-width: 768px) {
selector .gallery-item img {
object-fit: cover;
height: 6.35em;
}
}

/* Large devices (large laptops and desktops, 1168px and up) */
@media only screen and (min-width: 1168px) {
selector .gallery-item img {
object-fit: cover;
height: 11.35em;
}
}