.gridItems {}
.gridItems__item {height: 0; padding-top: 53%; position: relative; text-decoration: none !important; display: block; transition: .5s;}
.gridItems__img {background-position: center center; background-repeat: no-repeat; background-size: cover; border-radius: 0.9375rem; position: absolute; left: 0; right:0; bottom:1.875rem; top: 0; transition: .5s;}
.gridItems__name {border-radius: 0.9375rem; min-height:3.75rem; position: absolute; left: 10%; right:10%; bottom:0; display: flex; background: var(--primary-color); color: #fff !important; flex-direction: column; align-items: center; justify-content: center;}
.gridItems__str {font-size: 1.125rem; line-height: 1; padding-top: 4px; text-align: center;}
.gridItems__str._1 {text-transform: uppercase;}
.gridItems__str._2 {text-transform: lowercase;} 

.gridItems__item:hover {transform: translateY(-10px);}
.gridItems__item:hover .gridItems__img{box-shadow: 0px 0px 5px 0px rgba(50, 58, 69, 0.42);}


/*desktops*/
@media (max-width: 1200px) { 

}

/*tablets*/
@media (max-width: 991px) {

}

/*phones*/
@media (max-width: 767px) { 

}