Soy novato en todo esto pero quiero aprender cosas nuevas, y aquí está mi problema. Quiero crear una barra de búsqueda que funcione así:

Cuando el usuario escribe "Verano" en la barra de búsqueda, solo aparecerán mosaicos/tarjetas que contengan la palabra Verano (puede haber un caso en el que algunos de ellos contengan la palabra verano si es importante).

También tengo curiosidad si la secuencia de comandos para esta barra de búsqueda debe basarse en las palabras que están en los divs o si es posible agregar un valor especial al mosaico/tarjeta (como una clase o algo), porque no soy claro, si quiero poner palabras en los mosaicos/tarjetas (estoy planeando poner fotos dentro de ellos), pero si es necesario, también pondré palabras; espero que entiendas lo que quiero decir.

Estoy totalmente confundido sobre cómo hacerlo, encontré algunas barras de búsqueda básicas, pero se hicieron con el atributo 'ul' y mi diseño está hecho en divs, quiero decir que no necesito usar divs si hay una manera más fácil de hacerlo. barra de búsqueda, pero quiero mantener el diseño de estos mosaicos/tarjetas como está. Espero que mi objetivo sea claro, ¡cualquier ayuda será muy apreciada!

Not much of a code to show you here but website is asking for it.

Aquí está mi código: https://jsfiddle.net/8td4gaym/