{"id":6170,"date":"2025-09-18T16:01:27","date_gmt":"2025-09-18T14:01:27","guid":{"rendered":"https:\/\/www.montreuxjazzshop.com\/?page_id=6170"},"modified":"2025-10-20T11:17:08","modified_gmt":"2025-10-20T09:17:08","slug":"artistes","status":"publish","type":"page","link":"https:\/\/www.montreuxjazzshop.com\/fr\/artistes\/","title":{"rendered":"Artistes"},"content":{"rendered":"\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h1 class=\"wp-block-heading has-text-align-center\">Artistes<\/h1>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">Chaque ann\u00e9e et ce depuis sa cr\u00e9ation en 1967,&nbsp;le&nbsp;<a href=\"https:\/\/www.montreuxjazzfestival.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Montreux Jazz Festival<\/a>&nbsp;laisse le soin \u00e0 des artistes internationaux de r\u00e9aliser son affiche officielle. Keith Haring en signait trois d\u00e9clinaisons en 1983, puis en bin\u00f4me avec Andy Warhol en 1986. David Bowie se pr\u00eatait au jeu en 1995, comme plus r\u00e9cemment Yoann Lemoine (Woodkid), Malika Favre ou Christian Marclay.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignwide has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n\n<div class=\"px-24 alignwide\">\n\n    <!-- Search Bar -->\n    <div class=\"mb-8 flex justify-center\">\n        <div class=\"relative w-full max-w-md\">\n            <input \n                type=\"text\" \n                id=\"artist-search\" \n                placeholder=\"Rechercher un artiste...\" \n                class=\"text-medium w-full px-3 py-2 pl-12 pr-12 text-gray-700 bg-white border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-all duration-200\"\n            >\n            <div class=\"absolute inset-y-0 left-0 pl-4 flex items-center pointer-events-none\">\n                <svg class=\"h-5 w-5 text-gray-400\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z\"><\/path>\n                <\/svg>\n            <\/div>\n            <button \n                id=\"clear-search\" \n                class=\"absolute inset-y-0 right-0 pr-4 items-center text-gray-400 hover:text-gray-600 transition-colors duration-200 hidden !rounded-r-md\"\n                title=\"Effacer la recherche\"\n            >\n                <svg class=\"h-5 w-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 18L18 6M6 6l12 12\"><\/path>\n                <\/svg>\n            <\/button>\n            <div \n                id=\"search-loading\" \n                class=\"absolute inset-y-0 right-0 pr-4 items-center text-gray-400 hidden\"\n            >\n                <svg class=\"h-5 w-5 animate-spin\" fill=\"none\" viewBox=\"0 0 24 24\">\n                    <circle class=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\"><\/circle>\n                    <path class=\"opacity-75\" fill=\"currentColor\" d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"><\/path>\n                <\/svg>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- No Results Message -->\n    <div id=\"no-results\" class=\"hidden text-center py-12\">\n        <div class=\"text-gray-500 text-lg\">\n            <svg class=\"mx-auto h-12 w-12 text-gray-400 mb-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9.172 16.172a4 4 0 015.656 0M9 12h6m-6-4h6m2 5.291A7.962 7.962 0 0112 15c-2.34 0-4.47-.881-6.08-2.33\"><\/path>\n            <\/svg>\n            <p>Aucun artiste trouv\u00e9 pour &quot;<span id=\"search-term\"><\/span>&quot;<\/p>\n            <p class=\"text-sm mt-2\">Essayez avec un autre nom d&#039;artiste<\/p>\n        <\/div>\n    <\/div>\n\n    <div id=\"artists-grid\" class=\"alignfull md:px-28 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 transition-all duration-300\">\n                                \n            <article class=\"bg-white overflow-hidden group artist-card transition-all duration-300 ease-in-out\" \n                     data-artist-name=\"albin christen\"\n                     data-artist-type=\"graphic designer, illustrator\">\n                <!-- Image Container with Overlay -->\n                <div class=\"aspect-square overflow-hidden relative\">\n                    <a class=\"block h-full transition-transform duration-500 ease-out hover:scale-105\" href=\"https:\/\/www.montreuxjazzshop.com\/fr\/artiste\/albin-christen\/\">\n                                                    <img decoding=\"async\" src=\"https:\/\/www.montreuxjazzshop.com\/wp-content\/smush-webp\/2025\/08\/Albin-Christen-\u00a9-dr.jpg.webp\" \n                                 alt=\"Albin Christen\" \n                                 class=\"w-full h-full object-cover aspect-square\">\n                                            <\/a>\n                    \n                    <!-- Overlay with Artist Info - Separate from scaling -->\n                    <div class=\"absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-30 transition-all duration-400 ease-out flex items-end pointer-events-none\">\n                        <div class=\"p-4 text-white transform translate-y-8 group-hover:translate-y-0 transition-transform duration-400 ease-out\">\n                            <h3 class=\"font-semibold text-lg md:text-2xl mb-1\">Albin Christen<\/h3>\n                                                            <p class=\"text-medium text-gray-200 opacity-0 group-hover:opacity-100 transition-opacity duration-500 ease-out transition-delay-100\">Graphic Designer, Illustrator<\/p>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n            <\/article>\n                                \n            <article class=\"bg-white overflow-hidden group artist-card transition-all duration-300 ease-in-out\" \n                     data-artist-name=\"andy warhol\"\n                     data-artist-type=\"artist\">\n                <!-- Image Container with Overlay -->\n                <div class=\"aspect-square overflow-hidden relative\">\n                    <a class=\"block h-full transition-transform duration-500 ease-out hover:scale-105\" href=\"https:\/\/www.montreuxjazzshop.com\/fr\/artiste\/andy-warhol\/\">\n                                                    <img decoding=\"async\" src=\"https:\/\/www.montreuxjazzshop.com\/wp-content\/smush-webp\/2025\/08\/Andy-Warhol-\u00a9-Jack-Mitchell-e1580126379129.jpg.webp\" \n                                 alt=\"Andy Warhol\" \n                                 class=\"w-full h-full object-cover aspect-square\">\n                                            <\/a>\n                    \n                    <!-- Overlay with Artist Info - Separate from scaling -->\n                    <div class=\"absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-30 transition-all duration-400 ease-out flex items-end pointer-events-none\">\n                        <div class=\"p-4 text-white transform translate-y-8 group-hover:translate-y-0 transition-transform duration-400 ease-out\">\n                            <h3 class=\"font-semibold text-lg md:text-2xl mb-1\">Andy Warhol<\/h3>\n                                                            <p class=\"text-medium text-gray-200 opacity-0 group-hover:opacity-100 transition-opacity duration-500 ease-out transition-delay-100\">Artist<\/p>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n            <\/article>\n                                \n            <article class=\"bg-white overflow-hidden group artist-card transition-all duration-300 ease-in-out\" \n                     data-artist-name=\"bernhard luginb\u00fchl\"\n                     data-artist-type=\"artist, illustrator, sculptor\">\n                <!-- Image Container with Overlay -->\n                <div class=\"aspect-square overflow-hidden relative\">\n                    <a class=\"block h-full transition-transform duration-500 ease-out hover:scale-105\" href=\"https:\/\/www.montreuxjazzshop.com\/fr\/artiste\/bernhard-luginbuhl\/\">\n                                                    <img decoding=\"async\" src=\"https:\/\/www.montreuxjazzshop.com\/wp-content\/smush-webp\/2025\/08\/Bernhard-Luginbuhl-\u00a9-DR.jpg.webp\" \n                                 alt=\"Bernhard Luginb\u00fchl\" \n                                 class=\"w-full h-full object-cover aspect-square\">\n                                            <\/a>\n                    \n                    <!-- Overlay with Artist Info - Separate from scaling -->\n                    <div class=\"absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-30 transition-all duration-400 ease-out flex items-end pointer-events-none\">\n                        <div class=\"p-4 text-white transform translate-y-8 group-hover:translate-y-0 transition-transform duration-400 ease-out\">\n                            <h3 class=\"font-semibold text-lg md:text-2xl mb-1\">Bernhard Luginb\u00fchl<\/h3>\n                                                            <p class=\"text-medium text-gray-200 opacity-0 group-hover:opacity-100 transition-opacity duration-500 ease-out transition-delay-100\">Artist, Illustrator, Sculptor<\/p>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n            <\/article>\n                                \n            <article class=\"bg-white overflow-hidden group artist-card transition-all duration-300 ease-in-out\" \n                     data-artist-name=\"bruno gaeng\"\n                     data-artist-type=\"art director, graphic designer\">\n                <!-- Image Container with Overlay -->\n                <div class=\"aspect-square overflow-hidden relative\">\n                    <a class=\"block h-full transition-transform duration-500 ease-out hover:scale-105\" href=\"https:\/\/www.montreuxjazzshop.com\/fr\/artiste\/bruno-gaeng\/\">\n                                                    <img decoding=\"async\" src=\"https:\/\/www.montreuxjazzshop.com\/wp-content\/smush-webp\/2025\/08\/Bruno-Gaeng-\u00a9-DR.jpg.webp\" \n                                 alt=\"Bruno Gaeng\" \n                                 class=\"w-full h-full object-cover aspect-square\">\n                                            <\/a>\n                    \n                    <!-- Overlay with Artist Info - Separate from scaling -->\n                    <div class=\"absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-30 transition-all duration-400 ease-out flex items-end pointer-events-none\">\n                        <div class=\"p-4 text-white transform translate-y-8 group-hover:translate-y-0 transition-transform duration-400 ease-out\">\n                            <h3 class=\"font-semibold text-lg md:text-2xl mb-1\">Bruno Gaeng<\/h3>\n                                                            <p class=\"text-medium text-gray-200 opacity-0 group-hover:opacity-100 transition-opacity duration-500 ease-out transition-delay-100\">Art Director, Graphic Designer<\/p>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n            <\/article>\n                                \n            <article class=\"bg-white overflow-hidden group artist-card transition-all duration-300 ease-in-out\" \n                     data-artist-name=\"burton morris\"\n                     data-artist-type=\"artist, graphic designer, illustrator\">\n                <!-- Image Container with Overlay -->\n                <div class=\"aspect-square overflow-hidden relative\">\n                    <a class=\"block h-full transition-transform duration-500 ease-out hover:scale-105\" href=\"https:\/\/www.montreuxjazzshop.com\/fr\/artiste\/burton-morris\/\">\n                                                    <img decoding=\"async\" src=\"https:\/\/www.montreuxjazzshop.com\/wp-content\/smush-webp\/2025\/08\/Burton_Morris_in_studio-\u00a9-Quisp1-e1580126064377.jpeg.webp\" \n                                 alt=\"Burton Morris\" \n                                 class=\"w-full h-full object-cover aspect-square\">\n                                            <\/a>\n                    \n                    <!-- Overlay with Artist Info - Separate from scaling -->\n                    <div class=\"absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-30 transition-all duration-400 ease-out flex items-end pointer-events-none\">\n                        <div class=\"p-4 text-white transform translate-y-8 group-hover:translate-y-0 transition-transform duration-400 ease-out\">\n                            <h3 class=\"font-semibold text-lg md:text-2xl mb-1\">Burton Morris<\/h3>\n                                                            <p class=\"text-medium text-gray-200 opacity-0 group-hover:opacity-100 transition-opacity duration-500 ease-out transition-delay-100\">Artist, Graphic Designer, Illustrator<\/p>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n            <\/article>\n                                \n            <article class=\"bg-white overflow-hidden group artist-card transition-all duration-300 ease-in-out\" \n                     data-artist-name=\"camille walala\"\n                     data-artist-type=\"artist, illustrator\">\n                <!-- Image Container with Overlay -->\n                <div class=\"aspect-square overflow-hidden relative\">\n                    <a class=\"block h-full transition-transform duration-500 ease-out hover:scale-105\" href=\"https:\/\/www.montreuxjazzshop.com\/fr\/artiste\/camille-walala\/\">\n                                                    <img decoding=\"async\" src=\"https:\/\/www.montreuxjazzshop.com\/wp-content\/smush-webp\/2025\/08\/Camille-Walala-2022-800x800-1.jpg.webp\" \n                                 alt=\"Camille Walala\" \n                                 class=\"w-full h-full object-cover aspect-square\">\n                                            <\/a>\n                    \n                    <!-- Overlay with Artist Info - Separate from scaling -->\n                    <div class=\"absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-30 transition-all duration-400 ease-out flex items-end pointer-events-none\">\n                        <div class=\"p-4 text-white transform translate-y-8 group-hover:translate-y-0 transition-transform duration-400 ease-out\">\n                            <h3 class=\"font-semibold text-lg md:text-2xl mb-1\">Camille Walala<\/h3>\n                                                            <p class=\"text-medium text-gray-200 opacity-0 group-hover:opacity-100 transition-opacity duration-500 ease-out transition-delay-100\">Artist, Illustrator<\/p>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n            <\/article>\n                                \n            <article class=\"bg-white overflow-hidden group artist-card transition-all duration-300 ease-in-out\" \n                     data-artist-name=\"christian marclay\"\n                     data-artist-type=\"artist\">\n                <!-- Image Container with Overlay -->\n                <div class=\"aspect-square overflow-hidden relative\">\n                    <a class=\"block h-full transition-transform duration-500 ease-out hover:scale-105\" href=\"https:\/\/www.montreuxjazzshop.com\/fr\/artiste\/christian-marclay\/\">\n                                                    <img decoding=\"async\" src=\"https:\/\/www.montreuxjazzshop.com\/wp-content\/smush-webp\/2025\/08\/ChristianMarclay\u00a9TheDailyEye.jpg.webp\" \n                                 alt=\"Christian Marclay\" \n                                 class=\"w-full h-full object-cover aspect-square\">\n                                            <\/a>\n                    \n                    <!-- Overlay with Artist Info - Separate from scaling -->\n                    <div class=\"absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-30 transition-all duration-400 ease-out flex items-end pointer-events-none\">\n                        <div class=\"p-4 text-white transform translate-y-8 group-hover:translate-y-0 transition-transform duration-400 ease-out\">\n                            <h3 class=\"font-semibold text-lg md:text-2xl mb-1\">Christian Marclay<\/h3>\n                                                            <p class=\"text-medium text-gray-200 opacity-0 group-hover:opacity-100 transition-opacity duration-500 ease-out transition-delay-100\">Artist<\/p>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n            <\/article>\n                                \n            <article class=\"bg-white overflow-hidden group artist-card transition-all duration-300 ease-in-out\" \n                     data-artist-name=\"claude nobs\"\n                     data-artist-type=\"art director, artist\">\n                <!-- Image Container with Overlay -->\n                <div class=\"aspect-square overflow-hidden relative\">\n                    <a class=\"block h-full transition-transform duration-500 ease-out hover:scale-105\" href=\"https:\/\/www.montreuxjazzshop.com\/fr\/artiste\/claude-nobs\/\">\n                                                    <img decoding=\"async\" src=\"https:\/\/www.montreuxjazzshop.com\/wp-content\/smush-webp\/2025\/08\/claude-nobs-\u00a9-1987-Edouard-Curchod-e1580126334849-1.jpg.webp\" \n                                 alt=\"Claude Nobs\" \n                                 class=\"w-full h-full object-cover aspect-square\">\n                                            <\/a>\n                    \n                    <!-- Overlay with Artist Info - Separate from scaling -->\n                    <div class=\"absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-30 transition-all duration-400 ease-out flex items-end pointer-events-none\">\n                        <div class=\"p-4 text-white transform translate-y-8 group-hover:translate-y-0 transition-transform duration-400 ease-out\">\n                            <h3 class=\"font-semibold text-lg md:text-2xl mb-1\">Claude Nobs<\/h3>\n                                                            <p class=\"text-medium text-gray-200 opacity-0 group-hover:opacity-100 transition-opacity duration-500 ease-out transition-delay-100\">Art Director, Artist<\/p>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n            <\/article>\n                                \n            <article class=\"bg-white overflow-hidden group artist-card transition-all duration-300 ease-in-out\" \n                     data-artist-name=\"david bowie\"\n                     data-artist-type=\"artist, musician\">\n                <!-- Image Container with Overlay -->\n                <div class=\"aspect-square overflow-hidden relative\">\n                    <a class=\"block h-full transition-transform duration-500 ease-out hover:scale-105\" href=\"https:\/\/www.montreuxjazzshop.com\/fr\/artiste\/david-bowie\/\">\n                                                    <img decoding=\"async\" src=\"https:\/\/www.montreuxjazzshop.com\/wp-content\/smush-webp\/2025\/08\/David-Bowie-\u00a9-20021-e1580126251805.jpg.webp\" \n                                 alt=\"David Bowie\" \n                                 class=\"w-full h-full object-cover aspect-square\">\n                                            <\/a>\n                    \n                    <!-- Overlay with Artist Info - Separate from scaling -->\n                    <div class=\"absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-30 transition-all duration-400 ease-out flex items-end pointer-events-none\">\n                        <div class=\"p-4 text-white transform translate-y-8 group-hover:translate-y-0 transition-transform duration-400 ease-out\">\n                            <h3 class=\"font-semibold text-lg md:text-2xl mb-1\">David Bowie<\/h3>\n                                                            <p class=\"text-medium text-gray-200 opacity-0 group-hover:opacity-100 transition-opacity duration-500 ease-out transition-delay-100\">Artist, Musician<\/p>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n            <\/article>\n                                \n            <article class=\"bg-white overflow-hidden group artist-card transition-all duration-300 ease-in-out\" \n                     data-artist-name=\"eric wondergem\"\n                     data-artist-type=\"graphic designer\">\n                <!-- Image Container with Overlay -->\n                <div class=\"aspect-square overflow-hidden relative\">\n                    <a class=\"block h-full transition-transform duration-500 ease-out hover:scale-105\" href=\"https:\/\/www.montreuxjazzshop.com\/fr\/artiste\/eric-wondergem\/\">\n                                                    <img decoding=\"async\" src=\"https:\/\/www.montreuxjazzshop.com\/wp-content\/smush-webp\/2025\/08\/Artwork-by-Eric-Wondergem-\u00a9-Eric-Wondergem-.jpg.webp\" \n                                 alt=\"Eric Wondergem\" \n                                 class=\"w-full h-full object-cover aspect-square\">\n                                            <\/a>\n                    \n                    <!-- Overlay with Artist Info - Separate from scaling -->\n                    <div class=\"absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-30 transition-all duration-400 ease-out flex items-end pointer-events-none\">\n                        <div class=\"p-4 text-white transform translate-y-8 group-hover:translate-y-0 transition-transform duration-400 ease-out\">\n                            <h3 class=\"font-semibold text-lg md:text-2xl mb-1\">Eric Wondergem<\/h3>\n                                                            <p class=\"text-medium text-gray-200 opacity-0 group-hover:opacity-100 transition-opacity duration-500 ease-out transition-delay-100\">Graphic Designer<\/p>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n            <\/article>\n                                \n            <article class=\"bg-white overflow-hidden group artist-card transition-all duration-300 ease-in-out\" \n                     data-artist-name=\"francis baudevin\"\n                     data-artist-type=\"artist, painter\">\n                <!-- Image Container with Overlay -->\n                <div class=\"aspect-square overflow-hidden relative\">\n                    <a class=\"block h-full transition-transform duration-500 ease-out hover:scale-105\" href=\"https:\/\/www.montreuxjazzshop.com\/fr\/artiste\/francis-baudevin\/\">\n                                                    <img decoding=\"async\" src=\"https:\/\/www.montreuxjazzshop.com\/wp-content\/smush-webp\/2025\/08\/Francis-Baudevin-\u00a9-DR-768x768-1.jpg.webp\" \n                                 alt=\"Francis Baudevin\" \n                                 class=\"w-full h-full object-cover aspect-square\">\n                                            <\/a>\n                    \n                    <!-- Overlay with Artist Info - Separate from scaling -->\n                    <div class=\"absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-30 transition-all duration-400 ease-out flex items-end pointer-events-none\">\n                        <div class=\"p-4 text-white transform translate-y-8 group-hover:translate-y-0 transition-transform duration-400 ease-out\">\n                            <h3 class=\"font-semibold text-lg md:text-2xl mb-1\">Francis Baudevin<\/h3>\n                                                            <p class=\"text-medium text-gray-200 opacity-0 group-hover:opacity-100 transition-opacity duration-500 ease-out transition-delay-100\">Artist, Painter<\/p>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n            <\/article>\n                                \n            <article class=\"bg-white overflow-hidden group artist-card transition-all duration-300 ease-in-out\" \n                     data-artist-name=\"fran\u00e7ois boisrond\"\n                     data-artist-type=\"artist, painter\">\n                <!-- Image Container with Overlay -->\n                <div class=\"aspect-square overflow-hidden relative\">\n                    <a class=\"block h-full transition-transform duration-500 ease-out hover:scale-105\" href=\"https:\/\/www.montreuxjazzshop.com\/fr\/artiste\/francois-boisrond\/\">\n                                                    <img decoding=\"async\" src=\"https:\/\/www.montreuxjazzshop.com\/wp-content\/smush-webp\/2025\/08\/Francois-Boisrond-\u00a9-Cecile-Boisrond-768x768-1.jpg.webp\" \n                                 alt=\"Fran\u00e7ois Boisrond\" \n                                 class=\"w-full h-full object-cover aspect-square\">\n                                            <\/a>\n                    \n                    <!-- Overlay with Artist Info - Separate from scaling -->\n                    <div class=\"absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-30 transition-all duration-400 ease-out flex items-end pointer-events-none\">\n                        <div class=\"p-4 text-white transform translate-y-8 group-hover:translate-y-0 transition-transform duration-400 ease-out\">\n                            <h3 class=\"font-semibold text-lg md:text-2xl mb-1\">Fran\u00e7ois Boisrond<\/h3>\n                                                            <p class=\"text-medium text-gray-200 opacity-0 group-hover:opacity-100 transition-opacity duration-500 ease-out transition-delay-100\">Artist, Painter<\/p>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n            <\/article>\n                                \n            <article class=\"bg-white overflow-hidden group artist-card transition-all duration-300 ease-in-out\" \n                     data-artist-name=\"giovanni riva\"\n                     data-artist-type=\"graphic designer, illustrator\">\n                <!-- Image Container with Overlay -->\n                <div class=\"aspect-square overflow-hidden relative\">\n                    <a class=\"block h-full transition-transform duration-500 ease-out hover:scale-105\" href=\"https:\/\/www.montreuxjazzshop.com\/fr\/artiste\/giovanni-riva\/\">\n                                                    <img decoding=\"async\" src=\"https:\/\/www.montreuxjazzshop.com\/wp-content\/smush-webp\/2025\/08\/giovanni-riva\u00a9AnneLaureLechat-768x768-1.jpg.webp\" \n                                 alt=\"Giovanni Riva\" \n                                 class=\"w-full h-full object-cover aspect-square\">\n                                            <\/a>\n                    \n                    <!-- Overlay with Artist Info - Separate from scaling -->\n                    <div class=\"absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-30 transition-all duration-400 ease-out flex items-end pointer-events-none\">\n                        <div class=\"p-4 text-white transform translate-y-8 group-hover:translate-y-0 transition-transform duration-400 ease-out\">\n                            <h3 class=\"font-semibold text-lg md:text-2xl mb-1\">Giovanni Riva<\/h3>\n                                                            <p class=\"text-medium text-gray-200 opacity-0 group-hover:opacity-100 transition-opacity duration-500 ease-out transition-delay-100\">Graphic Designer, Illustrator<\/p>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n            <\/article>\n                                \n            <article class=\"bg-white overflow-hidden group artist-card transition-all duration-300 ease-in-out\" \n                     data-artist-name=\"giuseppe pino\"\n                     data-artist-type=\"photographer\">\n                <!-- Image Container with Overlay -->\n                <div class=\"aspect-square overflow-hidden relative\">\n                    <a class=\"block h-full transition-transform duration-500 ease-out hover:scale-105\" href=\"https:\/\/www.montreuxjazzshop.com\/fr\/artiste\/giuseppe-pino\/\">\n                                                    <img decoding=\"async\" src=\"https:\/\/www.montreuxjazzshop.com\/wp-content\/smush-webp\/2025\/08\/Giuseppe-Pino-\u00a9-Alessandro-Barteletti-768x768-1.jpg.webp\" \n                                 alt=\"Giuseppe Pino\" \n                                 class=\"w-full h-full object-cover aspect-square\">\n                                            <\/a>\n                    \n                    <!-- Overlay with Artist Info - Separate from scaling -->\n                    <div class=\"absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-30 transition-all duration-400 ease-out flex items-end pointer-events-none\">\n                        <div class=\"p-4 text-white transform translate-y-8 group-hover:translate-y-0 transition-transform duration-400 ease-out\">\n                            <h3 class=\"font-semibold text-lg md:text-2xl mb-1\">Giuseppe Pino<\/h3>\n                                                            <p class=\"text-medium text-gray-200 opacity-0 group-hover:opacity-100 transition-opacity duration-500 ease-out transition-delay-100\">Photographer<\/p>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n            <\/article>\n                                \n            <article class=\"bg-white overflow-hidden group artist-card transition-all duration-300 ease-in-out\" \n                     data-artist-name=\"greg \u201cl\u00e9on\u201d guillemin\"\n                     data-artist-type=\"artist, illustrator\">\n                <!-- Image Container with Overlay -->\n                <div class=\"aspect-square overflow-hidden relative\">\n                    <a class=\"block h-full transition-transform duration-500 ease-out hover:scale-105\" href=\"https:\/\/www.montreuxjazzshop.com\/fr\/artiste\/greg-leon-guillemin\/\">\n                                                    <img decoding=\"async\" src=\"https:\/\/www.montreuxjazzshop.com\/wp-content\/smush-webp\/2025\/08\/Greg-Leon-Guillemin-\u00a9-LeMatin-768x768-1.jpg.webp\" \n                                 alt=\"Greg \u201cL\u00e9on\u201d Guillemin\" \n                                 class=\"w-full h-full object-cover aspect-square\">\n                                            <\/a>\n                    \n                    <!-- Overlay with Artist Info - Separate from scaling -->\n                    <div class=\"absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-30 transition-all duration-400 ease-out flex items-end pointer-events-none\">\n                        <div class=\"p-4 text-white transform translate-y-8 group-hover:translate-y-0 transition-transform duration-400 ease-out\">\n                            <h3 class=\"font-semibold text-lg md:text-2xl mb-1\">Greg \u201cL\u00e9on\u201d Guillemin<\/h3>\n                                                            <p class=\"text-medium text-gray-200 opacity-0 group-hover:opacity-100 transition-opacity duration-500 ease-out transition-delay-100\">Artist, Illustrator<\/p>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n            <\/article>\n                                \n            <article class=\"bg-white overflow-hidden group artist-card transition-all duration-300 ease-in-out\" \n                     data-artist-name=\"greg gorman\"\n                     data-artist-type=\"photographer\">\n                <!-- Image Container with Overlay -->\n                <div class=\"aspect-square overflow-hidden relative\">\n                    <a class=\"block h-full transition-transform duration-500 ease-out hover:scale-105\" href=\"https:\/\/www.montreuxjazzshop.com\/fr\/artiste\/greg-gorman\/\">\n                                                    <img decoding=\"async\" src=\"https:\/\/www.montreuxjazzshop.com\/wp-content\/smush-webp\/2025\/08\/Greg_Gorman-\u00a9-Reggie-Bibbs-768x768-1.jpg.webp\" \n                                 alt=\"Greg Gorman\" \n                                 class=\"w-full h-full object-cover aspect-square\">\n                                            <\/a>\n                    \n                    <!-- Overlay with Artist Info - Separate from scaling -->\n                    <div class=\"absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-30 transition-all duration-400 ease-out flex items-end pointer-events-none\">\n                        <div class=\"p-4 text-white transform translate-y-8 group-hover:translate-y-0 transition-transform duration-400 ease-out\">\n                            <h3 class=\"font-semibold text-lg md:text-2xl mb-1\">Greg Gorman<\/h3>\n                                                            <p class=\"text-medium text-gray-200 opacity-0 group-hover:opacity-100 transition-opacity duration-500 ease-out transition-delay-100\">Photographer<\/p>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n            <\/article>\n                                \n            <article class=\"bg-white overflow-hidden group artist-card transition-all duration-300 ease-in-out\" \n                     data-artist-name=\"guillaume \u201csupakitch\u201d grando\"\n                     data-artist-type=\"artist, painter, sculptor\">\n                <!-- Image Container with Overlay -->\n                <div class=\"aspect-square overflow-hidden relative\">\n                    <a class=\"block h-full transition-transform duration-500 ease-out hover:scale-105\" href=\"https:\/\/www.montreuxjazzshop.com\/fr\/artiste\/guillaume-supakitch-grando\/\">\n                                                    <img decoding=\"async\" src=\"https:\/\/www.montreuxjazzshop.com\/wp-content\/smush-webp\/2025\/08\/Supakitch-Guillaume-Grando-carre-e1668152880412.jpg.webp\" \n                                 alt=\"Guillaume \u201cSupaKitch\u201d Grando\" \n                                 class=\"w-full h-full object-cover aspect-square\">\n                                            <\/a>\n                    \n                    <!-- Overlay with Artist Info - Separate from scaling -->\n                    <div class=\"absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-30 transition-all duration-400 ease-out flex items-end pointer-events-none\">\n                        <div class=\"p-4 text-white transform translate-y-8 group-hover:translate-y-0 transition-transform duration-400 ease-out\">\n                            <h3 class=\"font-semibold text-lg md:text-2xl mb-1\">Guillaume \u201cSupaKitch\u201d Grando<\/h3>\n                                                            <p class=\"text-medium text-gray-200 opacity-0 group-hover:opacity-100 transition-opacity duration-500 ease-out transition-delay-100\">Artist, Painter, Sculptor<\/p>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n            <\/article>\n                                \n            <article class=\"bg-white overflow-hidden group artist-card transition-all duration-300 ease-in-out\" \n                     data-artist-name=\"hamish grimes\"\n                     data-artist-type=\"graphic designer, typographer\">\n                <!-- Image Container with Overlay -->\n                <div class=\"aspect-square overflow-hidden relative\">\n                    <a class=\"block h-full transition-transform duration-500 ease-out hover:scale-105\" href=\"https:\/\/www.montreuxjazzshop.com\/fr\/artiste\/hamish-grimes\/\">\n                                                    <img decoding=\"async\" src=\"https:\/\/www.montreuxjazzshop.com\/wp-content\/smush-webp\/2025\/08\/Hamish-Grimes-\u00a9-The-Yardbirds.jpg.webp\" \n                                 alt=\"Hamish Grimes\" \n                                 class=\"w-full h-full object-cover aspect-square\">\n                                            <\/a>\n                    \n                    <!-- Overlay with Artist Info - Separate from scaling -->\n                    <div class=\"absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-30 transition-all duration-400 ease-out flex items-end pointer-events-none\">\n                        <div class=\"p-4 text-white transform translate-y-8 group-hover:translate-y-0 transition-transform duration-400 ease-out\">\n                            <h3 class=\"font-semibold text-lg md:text-2xl mb-1\">Hamish Grimes<\/h3>\n                                                            <p class=\"text-medium text-gray-200 opacity-0 group-hover:opacity-100 transition-opacity duration-500 ease-out transition-delay-100\">Graphic Designer, Typographer<\/p>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n            <\/article>\n                                \n            <article class=\"bg-white overflow-hidden group artist-card transition-all duration-300 ease-in-out\" \n                     data-artist-name=\"ignasi monreal\"\n                     data-artist-type=\"artist, illustrator, painter\">\n                <!-- Image Container with Overlay -->\n                <div class=\"aspect-square overflow-hidden relative\">\n                    <a class=\"block h-full transition-transform duration-500 ease-out hover:scale-105\" href=\"https:\/\/www.montreuxjazzshop.com\/fr\/artiste\/ignasi-monreal\/\">\n                                                    <img decoding=\"async\" src=\"https:\/\/www.montreuxjazzshop.com\/wp-content\/smush-webp\/2025\/08\/IgnasiMonreal-CopyrightAntonGottlob-768x768-1.jpg.webp\" \n                                 alt=\"Ignasi Monreal\" \n                                 class=\"w-full h-full object-cover aspect-square\">\n                                            <\/a>\n                    \n                    <!-- Overlay with Artist Info - Separate from scaling -->\n                    <div class=\"absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-30 transition-all duration-400 ease-out flex items-end pointer-events-none\">\n                        <div class=\"p-4 text-white transform translate-y-8 group-hover:translate-y-0 transition-transform duration-400 ease-out\">\n                            <h3 class=\"font-semibold text-lg md:text-2xl mb-1\">Ignasi Monreal<\/h3>\n                                                            <p class=\"text-medium text-gray-200 opacity-0 group-hover:opacity-100 transition-opacity duration-500 ease-out transition-delay-100\">Artist, Illustrator, Painter<\/p>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n            <\/article>\n                                \n            <article class=\"bg-white overflow-hidden group artist-card transition-all duration-300 ease-in-out\" \n                     data-artist-name=\"james rizzi\"\n                     data-artist-type=\"artist, designer, painter\">\n                <!-- Image Container with Overlay -->\n                <div class=\"aspect-square overflow-hidden relative\">\n                    <a class=\"block h-full transition-transform duration-500 ease-out hover:scale-105\" href=\"https:\/\/www.montreuxjazzshop.com\/fr\/artiste\/james-rizzi\/\">\n                                                    <img decoding=\"async\" src=\"https:\/\/www.montreuxjazzshop.com\/wp-content\/smush-webp\/2025\/08\/James_Rizzi_2008_cropped-\u00a9-peter-schmelzle-768x768-1.jpg.webp\" \n                                 alt=\"James Rizzi\" \n                                 class=\"w-full h-full object-cover aspect-square\">\n                                            <\/a>\n                    \n                    <!-- Overlay with Artist Info - Separate from scaling -->\n                    <div class=\"absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-30 transition-all duration-400 ease-out flex items-end pointer-events-none\">\n                        <div class=\"p-4 text-white transform translate-y-8 group-hover:translate-y-0 transition-transform duration-400 ease-out\">\n                            <h3 class=\"font-semibold text-lg md:text-2xl mb-1\">James Rizzi<\/h3>\n                                                            <p class=\"text-medium text-gray-200 opacity-0 group-hover:opacity-100 transition-opacity duration-500 ease-out transition-delay-100\">Artist, Designer, Painter<\/p>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n            <\/article>\n                                \n            <article class=\"bg-white overflow-hidden group artist-card transition-all duration-300 ease-in-out\" \n                     data-artist-name=\"jean tinguely\"\n                     data-artist-type=\"artist, sculptor\">\n                <!-- Image Container with Overlay -->\n                <div class=\"aspect-square overflow-hidden relative\">\n                    <a class=\"block h-full transition-transform duration-500 ease-out hover:scale-105\" href=\"https:\/\/www.montreuxjazzshop.com\/fr\/artiste\/jean-tinguely\/\">\n                                                    <img decoding=\"async\" src=\"https:\/\/www.montreuxjazzshop.com\/wp-content\/smush-webp\/2025\/08\/Tinguely_by_Wolleh-768x768-1.jpg.webp\" \n                                 alt=\"Jean Tinguely\" \n                                 class=\"w-full h-full object-cover aspect-square\">\n                                            <\/a>\n                    \n                    <!-- Overlay with Artist Info - Separate from scaling -->\n                    <div class=\"absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-30 transition-all duration-400 ease-out flex items-end pointer-events-none\">\n                        <div class=\"p-4 text-white transform translate-y-8 group-hover:translate-y-0 transition-transform duration-400 ease-out\">\n                            <h3 class=\"font-semibold text-lg md:text-2xl mb-1\">Jean Tinguely<\/h3>\n                                                            <p class=\"text-medium text-gray-200 opacity-0 group-hover:opacity-100 transition-opacity duration-500 ease-out transition-delay-100\">Artist, Sculptor<\/p>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n            <\/article>\n                                \n            <article class=\"bg-white overflow-hidden group artist-card transition-all duration-300 ease-in-out\" \n                     data-artist-name=\"john m armleder\"\n                     data-artist-type=\"artist\">\n                <!-- Image Container with Overlay -->\n                <div class=\"aspect-square overflow-hidden relative\">\n                    <a class=\"block h-full transition-transform duration-500 ease-out hover:scale-105\" href=\"https:\/\/www.montreuxjazzshop.com\/fr\/artiste\/john-m-armleder\/\">\n                                                    <img decoding=\"async\" src=\"https:\/\/www.montreuxjazzshop.com\/wp-content\/smush-webp\/2025\/08\/John-Armleder-\u00a9-Annik-Wetter-768x768-1.jpg.webp\" \n                                 alt=\"John M Armleder\" \n                                 class=\"w-full h-full object-cover aspect-square\">\n                                            <\/a>\n                    \n                    <!-- Overlay with Artist Info - Separate from scaling -->\n                    <div class=\"absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-30 transition-all duration-400 ease-out flex items-end pointer-events-none\">\n                        <div class=\"p-4 text-white transform translate-y-8 group-hover:translate-y-0 transition-transform duration-400 ease-out\">\n                            <h3 class=\"font-semibold text-lg md:text-2xl mb-1\">John M Armleder<\/h3>\n                                                            <p class=\"text-medium text-gray-200 opacity-0 group-hover:opacity-100 transition-opacity duration-500 ease-out transition-delay-100\">Artist<\/p>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n            <\/article>\n                                \n            <article class=\"bg-white overflow-hidden group artist-card transition-all duration-300 ease-in-out\" \n                     data-artist-name=\"jr\"\n                     data-artist-type=\"photographer\">\n                <!-- Image Container with Overlay -->\n                <div class=\"aspect-square overflow-hidden relative\">\n                    <a class=\"block h-full transition-transform duration-500 ease-out hover:scale-105\" href=\"https:\/\/www.montreuxjazzshop.com\/fr\/artiste\/jr\/\">\n                                                    <img decoding=\"async\" src=\"https:\/\/www.montreuxjazzshop.com\/wp-content\/smush-webp\/2025\/08\/jr-\u00a9-jr-art-net-768x768-1.jpg.webp\" \n                                 alt=\"JR\" \n                                 class=\"w-full h-full object-cover aspect-square\">\n                                            <\/a>\n                    \n                    <!-- Overlay with Artist Info - Separate from scaling -->\n                    <div class=\"absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-30 transition-all duration-400 ease-out flex items-end pointer-events-none\">\n                        <div class=\"p-4 text-white transform translate-y-8 group-hover:translate-y-0 transition-transform duration-400 ease-out\">\n                            <h3 class=\"font-semibold text-lg md:text-2xl mb-1\">JR<\/h3>\n                                                            <p class=\"text-medium text-gray-200 opacity-0 group-hover:opacity-100 transition-opacity duration-500 ease-out transition-delay-100\">Photographer<\/p>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n            <\/article>\n                                \n            <article class=\"bg-white overflow-hidden group artist-card transition-all duration-300 ease-in-out\" \n                     data-artist-name=\"julian opie\"\n                     data-artist-type=\"artist, illustrator\">\n                <!-- Image Container with Overlay -->\n                <div class=\"aspect-square overflow-hidden relative\">\n                    <a class=\"block h-full transition-transform duration-500 ease-out hover:scale-105\" href=\"https:\/\/www.montreuxjazzshop.com\/fr\/artiste\/julian-opie\/\">\n                                                    <img decoding=\"async\" src=\"https:\/\/www.montreuxjazzshop.com\/wp-content\/smush-webp\/2025\/08\/Juilian-Opie-self-portrait-\u00a9-Julian-Opie-768x768-1.jpg.webp\" \n                                 alt=\"Julian Opie\" \n                                 class=\"w-full h-full object-cover aspect-square\">\n                                            <\/a>\n                    \n                    <!-- Overlay with Artist Info - Separate from scaling -->\n                    <div class=\"absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-30 transition-all duration-400 ease-out flex items-end pointer-events-none\">\n                        <div class=\"p-4 text-white transform translate-y-8 group-hover:translate-y-0 transition-transform duration-400 ease-out\">\n                            <h3 class=\"font-semibold text-lg md:text-2xl mb-1\">Julian Opie<\/h3>\n                                                            <p class=\"text-medium text-gray-200 opacity-0 group-hover:opacity-100 transition-opacity duration-500 ease-out transition-delay-100\">Artist, Illustrator<\/p>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n            <\/article>\n                                \n            <article class=\"bg-white overflow-hidden group artist-card transition-all duration-300 ease-in-out\" \n                     data-artist-name=\"karen magdalen ringler\"\n                     data-artist-type=\"illustrator\">\n                <!-- Image Container with Overlay -->\n                <div class=\"aspect-square overflow-hidden relative\">\n                    <a class=\"block h-full transition-transform duration-500 ease-out hover:scale-105\" href=\"https:\/\/www.montreuxjazzshop.com\/fr\/artiste\/karen-magdalen-ringler\/\">\n                                                    <img decoding=\"async\" src=\"https:\/\/www.montreuxjazzshop.com\/wp-content\/smush-webp\/2025\/08\/Karen-Magdalen-Ringler-\u00a9-DR.jpg.webp\" \n                                 alt=\"Karen Magdalen Ringler\" \n                                 class=\"w-full h-full object-cover aspect-square\">\n                                            <\/a>\n                    \n                    <!-- Overlay with Artist Info - Separate from scaling -->\n                    <div class=\"absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-30 transition-all duration-400 ease-out flex items-end pointer-events-none\">\n                        <div class=\"p-4 text-white transform translate-y-8 group-hover:translate-y-0 transition-transform duration-400 ease-out\">\n                            <h3 class=\"font-semibold text-lg md:text-2xl mb-1\">Karen Magdalen Ringler<\/h3>\n                                                            <p class=\"text-medium text-gray-200 opacity-0 group-hover:opacity-100 transition-opacity duration-500 ease-out transition-delay-100\">Illustrator<\/p>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n            <\/article>\n                                \n            <article class=\"bg-white overflow-hidden group artist-card transition-all duration-300 ease-in-out\" \n                     data-artist-name=\"katri\u0301n o\u0301lina\"\n                     data-artist-type=\"graphic designer, illustrator\">\n                <!-- Image Container with Overlay -->\n                <div class=\"aspect-square overflow-hidden relative\">\n                    <a class=\"block h-full transition-transform duration-500 ease-out hover:scale-105\" href=\"https:\/\/www.montreuxjazzshop.com\/fr\/artiste\/katrin-olina\/\">\n                                                    <img decoding=\"async\" src=\"https:\/\/www.montreuxjazzshop.com\/wp-content\/smush-webp\/2025\/08\/Katrin-Olina-\u00a9-DR-768x768-1.jpg.webp\" \n                                 alt=\"Katri\u0301n O\u0301lina\" \n                                 class=\"w-full h-full object-cover aspect-square\">\n                                            <\/a>\n                    \n                    <!-- Overlay with Artist Info - Separate from scaling -->\n                    <div class=\"absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-30 transition-all duration-400 ease-out flex items-end pointer-events-none\">\n                        <div class=\"p-4 text-white transform translate-y-8 group-hover:translate-y-0 transition-transform duration-400 ease-out\">\n                            <h3 class=\"font-semibold text-lg md:text-2xl mb-1\">Katri\u0301n O\u0301lina<\/h3>\n                                                            <p class=\"text-medium text-gray-200 opacity-0 group-hover:opacity-100 transition-opacity duration-500 ease-out transition-delay-100\">Graphic Designer, Illustrator<\/p>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n            <\/article>\n                                \n            <article class=\"bg-white overflow-hidden group artist-card transition-all duration-300 ease-in-out\" \n                     data-artist-name=\"keith haring\"\n                     data-artist-type=\"artist, painter\">\n                <!-- Image Container with Overlay -->\n                <div class=\"aspect-square overflow-hidden relative\">\n                    <a class=\"block h-full transition-transform duration-500 ease-out hover:scale-105\" href=\"https:\/\/www.montreuxjazzshop.com\/fr\/artiste\/keith-haring\/\">\n                                                    <img decoding=\"async\" src=\"https:\/\/www.montreuxjazzshop.com\/wp-content\/smush-webp\/2025\/08\/Keith_Haring_1986\u00a9-DR-1-e1580126459861.jpg.webp\" \n                                 alt=\"Keith Haring\" \n                                 class=\"w-full h-full object-cover aspect-square\">\n                                            <\/a>\n                    \n                    <!-- Overlay with Artist Info - Separate from scaling -->\n                    <div class=\"absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-30 transition-all duration-400 ease-out flex items-end pointer-events-none\">\n                        <div class=\"p-4 text-white transform translate-y-8 group-hover:translate-y-0 transition-transform duration-400 ease-out\">\n                            <h3 class=\"font-semibold text-lg md:text-2xl mb-1\">Keith Haring<\/h3>\n                                                            <p class=\"text-medium text-gray-200 opacity-0 group-hover:opacity-100 transition-opacity duration-500 ease-out transition-delay-100\">Artist, Painter<\/p>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n            <\/article>\n                                \n            <article class=\"bg-white overflow-hidden group artist-card transition-all duration-300 ease-in-out\" \n                     data-artist-name=\"k\u00e9vin germanier\"\n                     data-artist-type=\"couturier, designer mode\">\n                <!-- Image Container with Overlay -->\n                <div class=\"aspect-square overflow-hidden relative\">\n                    <a class=\"block h-full transition-transform duration-500 ease-out hover:scale-105\" href=\"https:\/\/www.montreuxjazzshop.com\/fr\/artiste\/kevin-germanier\/\">\n                                                    <img decoding=\"async\" src=\"https:\/\/www.montreuxjazzshop.com\/wp-content\/smush-webp\/2025\/12\/Kevin-Germanier-Portrait.jpg.webp\" \n                                 alt=\"K\u00e9vin Germanier\" \n                                 class=\"w-full h-full object-cover aspect-square\">\n                                            <\/a>\n                    \n                    <!-- Overlay with Artist Info - Separate from scaling -->\n                    <div class=\"absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-30 transition-all duration-400 ease-out flex items-end pointer-events-none\">\n                        <div class=\"p-4 text-white transform translate-y-8 group-hover:translate-y-0 transition-transform duration-400 ease-out\">\n                            <h3 class=\"font-semibold text-lg md:text-2xl mb-1\">K\u00e9vin Germanier<\/h3>\n                                                            <p class=\"text-medium text-gray-200 opacity-0 group-hover:opacity-100 transition-opacity duration-500 ease-out transition-delay-100\">Couturier, Designer Mode<\/p>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n            <\/article>\n                                \n            <article class=\"bg-white overflow-hidden group artist-card transition-all duration-300 ease-in-out\" \n                     data-artist-name=\"lakwena\"\n                     data-artist-type=\"artist\">\n                <!-- Image Container with Overlay -->\n                <div class=\"aspect-square overflow-hidden relative\">\n                    <a class=\"block h-full transition-transform duration-500 ease-out hover:scale-105\" href=\"https:\/\/www.montreuxjazzshop.com\/fr\/artiste\/lakwena\/\">\n                                                    <img decoding=\"async\" src=\"https:\/\/www.montreuxjazzshop.com\/wp-content\/smush-webp\/2025\/08\/Lakwena-Artist-Portrait_PhotographerDanika-Magdelena-copie-768x768-1.jpg.webp\" \n                                 alt=\"Lakwena\" \n                                 class=\"w-full h-full object-cover aspect-square\">\n                                            <\/a>\n                    \n                    <!-- Overlay with Artist Info - Separate from scaling -->\n                    <div class=\"absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-30 transition-all duration-400 ease-out flex items-end pointer-events-none\">\n                        <div class=\"p-4 text-white transform translate-y-8 group-hover:translate-y-0 transition-transform duration-400 ease-out\">\n                            <h3 class=\"font-semibold text-lg md:text-2xl mb-1\">Lakwena<\/h3>\n                                                            <p class=\"text-medium text-gray-200 opacity-0 group-hover:opacity-100 transition-opacity duration-500 ease-out transition-delay-100\">Artist<\/p>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n            <\/article>\n                                \n            <article class=\"bg-white overflow-hidden group artist-card transition-all duration-300 ease-in-out\" \n                     data-artist-name=\"luciano castelli\"\n                     data-artist-type=\"artist, painter\">\n                <!-- Image Container with Overlay -->\n                <div class=\"aspect-square overflow-hidden relative\">\n                    <a class=\"block h-full transition-transform duration-500 ease-out hover:scale-105\" href=\"https:\/\/www.montreuxjazzshop.com\/fr\/artiste\/luciano-castelli\/\">\n                                                    <img decoding=\"async\" src=\"https:\/\/www.montreuxjazzshop.com\/wp-content\/smush-webp\/2025\/08\/Luciano-Castelli-self-portrait-\u00a9-Luciano-Castelli-768x768-1.jpg.webp\" \n                                 alt=\"Luciano Castelli\" \n                                 class=\"w-full h-full object-cover aspect-square\">\n                                            <\/a>\n                    \n                    <!-- Overlay with Artist Info - Separate from scaling -->\n                    <div class=\"absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-30 transition-all duration-400 ease-out flex items-end pointer-events-none\">\n                        <div class=\"p-4 text-white transform translate-y-8 group-hover:translate-y-0 transition-transform duration-400 ease-out\">\n                            <h3 class=\"font-semibold text-lg md:text-2xl mb-1\">Luciano Castelli<\/h3>\n                                                            <p class=\"text-medium text-gray-200 opacity-0 group-hover:opacity-100 transition-opacity duration-500 ease-out transition-delay-100\">Artist, Painter<\/p>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n            <\/article>\n                                \n            <article class=\"bg-white overflow-hidden group artist-card transition-all duration-300 ease-in-out\" \n                     data-artist-name=\"malika favre\"\n                     data-artist-type=\"illustrator\">\n                <!-- Image Container with Overlay -->\n                <div class=\"aspect-square overflow-hidden relative\">\n                    <a class=\"block h-full transition-transform duration-500 ease-out hover:scale-105\" href=\"https:\/\/www.montreuxjazzshop.com\/fr\/artiste\/malika-favre\/\">\n                                                    <img decoding=\"async\" src=\"https:\/\/www.montreuxjazzshop.com\/wp-content\/smush-webp\/2025\/08\/malika-favre-\u00a9-768x768-1.jpg.webp\" \n                                 alt=\"Malika Favre\" \n                                 class=\"w-full h-full object-cover aspect-square\">\n                                            <\/a>\n                    \n                    <!-- Overlay with Artist Info - Separate from scaling -->\n                    <div class=\"absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-30 transition-all duration-400 ease-out flex items-end pointer-events-none\">\n                        <div class=\"p-4 text-white transform translate-y-8 group-hover:translate-y-0 transition-transform duration-400 ease-out\">\n                            <h3 class=\"font-semibold text-lg md:text-2xl mb-1\">Malika Favre<\/h3>\n                                                            <p class=\"text-medium text-gray-200 opacity-0 group-hover:opacity-100 transition-opacity duration-500 ease-out transition-delay-100\">Illustrator<\/p>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n            <\/article>\n                                \n            <article class=\"bg-white overflow-hidden group artist-card transition-all duration-300 ease-in-out\" \n                     data-artist-name=\"marco antonio batan\"\n                     data-artist-type=\"graphic designer, illustrator\">\n                <!-- Image Container with Overlay -->\n                <div class=\"aspect-square overflow-hidden relative\">\n                    <a class=\"block h-full transition-transform duration-500 ease-out hover:scale-105\" href=\"https:\/\/www.montreuxjazzshop.com\/fr\/artiste\/marco-antonio-batan\/\">\n                                                    <img decoding=\"async\" src=\"https:\/\/www.montreuxjazzshop.com\/wp-content\/smush-webp\/2025\/08\/Marco-Antonio-Batan-\u00a9-DR-768x768-1.jpg.webp\" \n                                 alt=\"Marco Antonio Batan\" \n                                 class=\"w-full h-full object-cover aspect-square\">\n                                            <\/a>\n                    \n                    <!-- Overlay with Artist Info - Separate from scaling -->\n                    <div class=\"absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-30 transition-all duration-400 ease-out flex items-end pointer-events-none\">\n                        <div class=\"p-4 text-white transform translate-y-8 group-hover:translate-y-0 transition-transform duration-400 ease-out\">\n                            <h3 class=\"font-semibold text-lg md:text-2xl mb-1\">Marco Antonio Batan<\/h3>\n                                                            <p class=\"text-medium text-gray-200 opacity-0 group-hover:opacity-100 transition-opacity duration-500 ease-out transition-delay-100\">Graphic Designer, Illustrator<\/p>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n            <\/article>\n                                \n            <article class=\"bg-white overflow-hidden group artist-card transition-all duration-300 ease-in-out\" \n                     data-artist-name=\"marylou faure\"\n                     data-artist-type=\"artist, illustrator\">\n                <!-- Image Container with Overlay -->\n                <div class=\"aspect-square overflow-hidden relative\">\n                    <a class=\"block h-full transition-transform duration-500 ease-out hover:scale-105\" href=\"https:\/\/www.montreuxjazzshop.com\/fr\/artiste\/marylou-faure\/\">\n                                                    <img decoding=\"async\" src=\"https:\/\/www.montreuxjazzshop.com\/wp-content\/smush-webp\/2025\/08\/Marylou-Faure-800x800-768x768-1.jpg.webp\" \n                                 alt=\"Marylou Faure\" \n                                 class=\"w-full h-full object-cover aspect-square\">\n                                            <\/a>\n                    \n                    <!-- Overlay with Artist Info - Separate from scaling -->\n                    <div class=\"absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-30 transition-all duration-400 ease-out flex items-end pointer-events-none\">\n                        <div class=\"p-4 text-white transform translate-y-8 group-hover:translate-y-0 transition-transform duration-400 ease-out\">\n                            <h3 class=\"font-semibold text-lg md:text-2xl mb-1\">Marylou Faure<\/h3>\n                                                            <p class=\"text-medium text-gray-200 opacity-0 group-hover:opacity-100 transition-opacity duration-500 ease-out transition-delay-100\">Artist, Illustrator<\/p>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n            <\/article>\n                                \n            <article class=\"bg-white overflow-hidden group artist-card transition-all duration-300 ease-in-out\" \n                     data-artist-name=\"matthias winkler\"\n                     data-artist-type=\"artist, painter\">\n                <!-- Image Container with Overlay -->\n                <div class=\"aspect-square overflow-hidden relative\">\n                    <a class=\"block h-full transition-transform duration-500 ease-out hover:scale-105\" href=\"https:\/\/www.montreuxjazzshop.com\/fr\/artiste\/matthias-winkler\/\">\n                                                    <img decoding=\"async\" src=\"https:\/\/www.montreuxjazzshop.com\/wp-content\/smush-webp\/2025\/08\/Matthias-Winkler-\u00a9-DR-768x768-1.jpg.webp\" \n                                 alt=\"Matthias Winkler\" \n                                 class=\"w-full h-full object-cover aspect-square\">\n                                            <\/a>\n                    \n                    <!-- Overlay with Artist Info - Separate from scaling -->\n                    <div class=\"absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-30 transition-all duration-400 ease-out flex items-end pointer-events-none\">\n                        <div class=\"p-4 text-white transform translate-y-8 group-hover:translate-y-0 transition-transform duration-400 ease-out\">\n                            <h3 class=\"font-semibold text-lg md:text-2xl mb-1\">Matthias Winkler<\/h3>\n                                                            <p class=\"text-medium text-gray-200 opacity-0 group-hover:opacity-100 transition-opacity duration-500 ease-out transition-delay-100\">Artist, Painter<\/p>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n            <\/article>\n                                \n            <article class=\"bg-white overflow-hidden group artist-card transition-all duration-300 ease-in-out\" \n                     data-artist-name=\"max bill\"\n                     data-artist-type=\"painter\">\n                <!-- Image Container with Overlay -->\n                <div class=\"aspect-square overflow-hidden relative\">\n                    <a class=\"block h-full transition-transform duration-500 ease-out hover:scale-105\" href=\"https:\/\/www.montreuxjazzshop.com\/fr\/artiste\/max-bill\/\">\n                                                    <img decoding=\"async\" src=\"https:\/\/www.montreuxjazzshop.com\/wp-content\/smush-webp\/2025\/08\/Max-Bill-\u00a9-Vogt-Marcel-ETH-Bibliothek-Zurich-1-e1580126280440.jpg.webp\" \n                                 alt=\"Max Bill\" \n                                 class=\"w-full h-full object-cover aspect-square\">\n                                            <\/a>\n                    \n                    <!-- Overlay with Artist Info - Separate from scaling -->\n                    <div class=\"absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-30 transition-all duration-400 ease-out flex items-end pointer-events-none\">\n                        <div class=\"p-4 text-white transform translate-y-8 group-hover:translate-y-0 transition-transform duration-400 ease-out\">\n                            <h3 class=\"font-semibold text-lg md:text-2xl mb-1\">Max Bill<\/h3>\n                                                            <p class=\"text-medium text-gray-200 opacity-0 group-hover:opacity-100 transition-opacity duration-500 ease-out transition-delay-100\">Painter<\/p>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n            <\/article>\n                                \n            <article class=\"bg-white overflow-hidden group artist-card transition-all duration-300 ease-in-out\" \n                     data-artist-name=\"milton glaser\"\n                     data-artist-type=\"graphic designer, typographer\">\n                <!-- Image Container with Overlay -->\n                <div class=\"aspect-square overflow-hidden relative\">\n                    <a class=\"block h-full transition-transform duration-500 ease-out hover:scale-105\" href=\"https:\/\/www.montreuxjazzshop.com\/fr\/artiste\/milton-glaser\/\">\n                                                    <img decoding=\"async\" src=\"https:\/\/www.montreuxjazzshop.com\/wp-content\/smush-webp\/2025\/08\/Milton-Glaser-\u00a9-DR-768x768-1.jpg.webp\" \n                                 alt=\"Milton Glaser\" \n                                 class=\"w-full h-full object-cover aspect-square\">\n                                            <\/a>\n                    \n                    <!-- Overlay with Artist Info - Separate from scaling -->\n                    <div class=\"absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-30 transition-all duration-400 ease-out flex items-end pointer-events-none\">\n                        <div class=\"p-4 text-white transform translate-y-8 group-hover:translate-y-0 transition-transform duration-400 ease-out\">\n                            <h3 class=\"font-semibold text-lg md:text-2xl mb-1\">Milton Glaser<\/h3>\n                                                            <p class=\"text-medium text-gray-200 opacity-0 group-hover:opacity-100 transition-opacity duration-500 ease-out transition-delay-100\">Graphic Designer, Typographer<\/p>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n            <\/article>\n                                \n            <article class=\"bg-white overflow-hidden group artist-card transition-all duration-300 ease-in-out\" \n                     data-artist-name=\"nicola de maria\"\n                     data-artist-type=\"artist, painter\">\n                <!-- Image Container with Overlay -->\n                <div class=\"aspect-square overflow-hidden relative\">\n                    <a class=\"block h-full transition-transform duration-500 ease-out hover:scale-105\" href=\"https:\/\/www.montreuxjazzshop.com\/fr\/artiste\/nicola-de-maria\/\">\n                                                    <img decoding=\"async\" src=\"https:\/\/www.montreuxjazzshop.com\/wp-content\/smush-webp\/2025\/08\/Nicola-De-Maria-\u00a9-Courtesy-Galerie-Lelong-Co-768x768-1.jpg.webp\" \n                                 alt=\"Nicola de Maria\" \n                                 class=\"w-full h-full object-cover aspect-square\">\n                                            <\/a>\n                    \n                    <!-- Overlay with Artist Info - Separate from scaling -->\n                    <div class=\"absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-30 transition-all duration-400 ease-out flex items-end pointer-events-none\">\n                        <div class=\"p-4 text-white transform translate-y-8 group-hover:translate-y-0 transition-transform duration-400 ease-out\">\n                            <h3 class=\"font-semibold text-lg md:text-2xl mb-1\">Nicola de Maria<\/h3>\n                                                            <p class=\"text-medium text-gray-200 opacity-0 group-hover:opacity-100 transition-opacity duration-500 ease-out transition-delay-100\">Artist, Painter<\/p>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n            <\/article>\n                                \n            <article class=\"bg-white overflow-hidden group artist-card transition-all duration-300 ease-in-out\" \n                     data-artist-name=\"niki de saint phalle\"\n                     data-artist-type=\"artist, painter\">\n                <!-- Image Container with Overlay -->\n                <div class=\"aspect-square overflow-hidden relative\">\n                    <a class=\"block h-full transition-transform duration-500 ease-out hover:scale-105\" href=\"https:\/\/www.montreuxjazzshop.com\/fr\/artiste\/niki-de-saint-phalle\/\">\n                                                    <img decoding=\"async\" src=\"https:\/\/www.montreuxjazzshop.com\/wp-content\/smush-webp\/2025\/08\/niki-de-saint-phalle-\u00a9-musee-Tinguely-Bale-e1580126420187.jpg.webp\" \n                                 alt=\"Niki de Saint Phalle\" \n                                 class=\"w-full h-full object-cover aspect-square\">\n                                            <\/a>\n                    \n                    <!-- Overlay with Artist Info - Separate from scaling -->\n                    <div class=\"absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-30 transition-all duration-400 ease-out flex items-end pointer-events-none\">\n                        <div class=\"p-4 text-white transform translate-y-8 group-hover:translate-y-0 transition-transform duration-400 ease-out\">\n                            <h3 class=\"font-semibold text-lg md:text-2xl mb-1\">Niki de Saint Phalle<\/h3>\n                                                            <p class=\"text-medium text-gray-200 opacity-0 group-hover:opacity-100 transition-opacity duration-500 ease-out transition-delay-100\">Artist, Painter<\/p>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n            <\/article>\n                                \n            <article class=\"bg-white overflow-hidden group artist-card transition-all duration-300 ease-in-out\" \n                     data-artist-name=\"nikki martin rue\"\n                     data-artist-type=\"painter\">\n                <!-- Image Container with Overlay -->\n                <div class=\"aspect-square overflow-hidden relative\">\n                    <a class=\"block h-full transition-transform duration-500 ease-out hover:scale-105\" href=\"https:\/\/www.montreuxjazzshop.com\/fr\/artiste\/nikki-martin-rue\/\">\n                                                    <img decoding=\"async\" src=\"https:\/\/www.montreuxjazzshop.com\/wp-content\/smush-webp\/2025\/08\/Nikki-Martin-Rue-\u00a9-DR.jpg.webp\" \n                                 alt=\"Nikki Martin Rue\" \n                                 class=\"w-full h-full object-cover aspect-square\">\n                                            <\/a>\n                    \n                    <!-- Overlay with Artist Info - Separate from scaling -->\n                    <div class=\"absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-30 transition-all duration-400 ease-out flex items-end pointer-events-none\">\n                        <div class=\"p-4 text-white transform translate-y-8 group-hover:translate-y-0 transition-transform duration-400 ease-out\">\n                            <h3 class=\"font-semibold text-lg md:text-2xl mb-1\">Nikki Martin Rue<\/h3>\n                                                            <p class=\"text-medium text-gray-200 opacity-0 group-hover:opacity-100 transition-opacity duration-500 ease-out transition-delay-100\">Painter<\/p>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n            <\/article>\n                                \n            <article class=\"bg-white overflow-hidden group artist-card transition-all duration-300 ease-in-out\" \n                     data-artist-name=\"oscar oiwa\"\n                     data-artist-type=\"artist, painter\">\n                <!-- Image Container with Overlay -->\n                <div class=\"aspect-square overflow-hidden relative\">\n                    <a class=\"block h-full transition-transform duration-500 ease-out hover:scale-105\" href=\"https:\/\/www.montreuxjazzshop.com\/fr\/artiste\/oscar-oiwa\/\">\n                                                    <img decoding=\"async\" src=\"https:\/\/www.montreuxjazzshop.com\/wp-content\/smush-webp\/2025\/08\/Oscar-Oiwa-\u00a9-DR-768x768-1.jpg.webp\" \n                                 alt=\"Oscar Oiwa\" \n                                 class=\"w-full h-full object-cover aspect-square\">\n                                            <\/a>\n                    \n                    <!-- Overlay with Artist Info - Separate from scaling -->\n                    <div class=\"absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-30 transition-all duration-400 ease-out flex items-end pointer-events-none\">\n                        <div class=\"p-4 text-white transform translate-y-8 group-hover:translate-y-0 transition-transform duration-400 ease-out\">\n                            <h3 class=\"font-semibold text-lg md:text-2xl mb-1\">Oscar Oiwa<\/h3>\n                                                            <p class=\"text-medium text-gray-200 opacity-0 group-hover:opacity-100 transition-opacity duration-500 ease-out transition-delay-100\">Artist, Painter<\/p>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n            <\/article>\n                                \n            <article class=\"bg-white overflow-hidden group artist-card transition-all duration-300 ease-in-out\" \n                     data-artist-name=\"per arnoldi\"\n                     data-artist-type=\"artist, designer\">\n                <!-- Image Container with Overlay -->\n                <div class=\"aspect-square overflow-hidden relative\">\n                    <a class=\"block h-full transition-transform duration-500 ease-out hover:scale-105\" href=\"https:\/\/www.montreuxjazzshop.com\/fr\/artiste\/per-arnoldi\/\">\n                                                    <img decoding=\"async\" src=\"https:\/\/www.montreuxjazzshop.com\/wp-content\/smush-webp\/2025\/08\/Per-Arnoldi-\u00a9-dr-768x768-1.jpg.webp\" \n                                 alt=\"Per Arnoldi\" \n                                 class=\"w-full h-full object-cover aspect-square\">\n                                            <\/a>\n                    \n                    <!-- Overlay with Artist Info - Separate from scaling -->\n                    <div class=\"absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-30 transition-all duration-400 ease-out flex items-end pointer-events-none\">\n                        <div class=\"p-4 text-white transform translate-y-8 group-hover:translate-y-0 transition-transform duration-400 ease-out\">\n                            <h3 class=\"font-semibold text-lg md:text-2xl mb-1\">Per Arnoldi<\/h3>\n                                                            <p class=\"text-medium text-gray-200 opacity-0 group-hover:opacity-100 transition-opacity duration-500 ease-out transition-delay-100\">Artist, Designer<\/p>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n            <\/article>\n                                \n            <article class=\"bg-white overflow-hidden group artist-card transition-all duration-300 ease-in-out\" \n                     data-artist-name=\"phil collins\"\n                     data-artist-type=\"musician\">\n                <!-- Image Container with Overlay -->\n                <div class=\"aspect-square overflow-hidden relative\">\n                    <a class=\"block h-full transition-transform duration-500 ease-out hover:scale-105\" href=\"https:\/\/www.montreuxjazzshop.com\/fr\/artiste\/phil-collins\/\">\n                                                    <img decoding=\"async\" src=\"https:\/\/www.montreuxjazzshop.com\/wp-content\/smush-webp\/2025\/08\/Phil-Collins-\u00a9-2004-FFJM-Lionel-Flusin-800x800-768x768-1.jpg.webp\" \n                                 alt=\"Phil Collins\" \n                                 class=\"w-full h-full object-cover aspect-square\">\n                                            <\/a>\n                    \n                    <!-- Overlay with Artist Info - Separate from scaling -->\n                    <div class=\"absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-30 transition-all duration-400 ease-out flex items-end pointer-events-none\">\n                        <div class=\"p-4 text-white transform translate-y-8 group-hover:translate-y-0 transition-transform duration-400 ease-out\">\n                            <h3 class=\"font-semibold text-lg md:text-2xl mb-1\">Phil Collins<\/h3>\n                                                            <p class=\"text-medium text-gray-200 opacity-0 group-hover:opacity-100 transition-opacity duration-500 ease-out transition-delay-100\">Musician<\/p>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n            <\/article>\n                                \n            <article class=\"bg-white overflow-hidden group artist-card transition-all duration-300 ease-in-out\" \n                     data-artist-name=\"pierre keller\"\n                     data-artist-type=\"art director\">\n                <!-- Image Container with Overlay -->\n                <div class=\"aspect-square overflow-hidden relative\">\n                    <a class=\"block h-full transition-transform duration-500 ease-out hover:scale-105\" href=\"https:\/\/www.montreuxjazzshop.com\/fr\/artiste\/pierre-keller\/\">\n                                                    <img decoding=\"async\" src=\"https:\/\/www.montreuxjazzshop.com\/wp-content\/smush-webp\/2025\/08\/Pierre-Keller-Large-1800x0-c-default-e1580126362310.jpg.webp\" \n                                 alt=\"Pierre Keller\" \n                                 class=\"w-full h-full object-cover aspect-square\">\n                                            <\/a>\n                    \n                    <!-- Overlay with Artist Info - Separate from scaling -->\n                    <div class=\"absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-30 transition-all duration-400 ease-out flex items-end pointer-events-none\">\n                        <div class=\"p-4 text-white transform translate-y-8 group-hover:translate-y-0 transition-transform duration-400 ease-out\">\n                            <h3 class=\"font-semibold text-lg md:text-2xl mb-1\">Pierre Keller<\/h3>\n                                                            <p class=\"text-medium text-gray-200 opacity-0 group-hover:opacity-100 transition-opacity duration-500 ease-out transition-delay-100\">Art Director<\/p>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n            <\/article>\n                                \n            <article class=\"bg-white overflow-hidden group artist-card transition-all duration-300 ease-in-out\" \n                     data-artist-name=\"richard james north\"\n                     data-artist-type=\"painter\">\n                <!-- Image Container with Overlay -->\n                <div class=\"aspect-square overflow-hidden relative\">\n                    <a class=\"block h-full transition-transform duration-500 ease-out hover:scale-105\" href=\"https:\/\/www.montreuxjazzshop.com\/fr\/artiste\/richard-james-north\/\">\n                                                    <img decoding=\"async\" src=\"https:\/\/www.montreuxjazzshop.com\/wp-content\/smush-webp\/2025\/08\/Richard-James-North-\u00a9-DR.jpg.webp\" \n                                 alt=\"Richard James North\" \n                                 class=\"w-full h-full object-cover aspect-square\">\n                                            <\/a>\n                    \n                    <!-- Overlay with Artist Info - Separate from scaling -->\n                    <div class=\"absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-30 transition-all duration-400 ease-out flex items-end pointer-events-none\">\n                        <div class=\"p-4 text-white transform translate-y-8 group-hover:translate-y-0 transition-transform duration-400 ease-out\">\n                            <h3 class=\"font-semibold text-lg md:text-2xl mb-1\">Richard James North<\/h3>\n                                                            <p class=\"text-medium text-gray-200 opacity-0 group-hover:opacity-100 transition-opacity duration-500 ease-out transition-delay-100\">Painter<\/p>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n            <\/article>\n                                \n            <article class=\"bg-white overflow-hidden group artist-card transition-all duration-300 ease-in-out\" \n                     data-artist-name=\"robert combas\"\n                     data-artist-type=\"painter\">\n                <!-- Image Container with Overlay -->\n                <div class=\"aspect-square overflow-hidden relative\">\n                    <a class=\"block h-full transition-transform duration-500 ease-out hover:scale-105\" href=\"https:\/\/www.montreuxjazzshop.com\/fr\/artiste\/robert-combas\/\">\n                                                    <img decoding=\"async\" src=\"https:\/\/www.montreuxjazzshop.com\/wp-content\/smush-webp\/2025\/08\/Robert-Combas-\u00a9-DR-768x768-1.jpg.webp\" \n                                 alt=\"Robert Combas\" \n                                 class=\"w-full h-full object-cover aspect-square\">\n                                            <\/a>\n                    \n                    <!-- Overlay with Artist Info - Separate from scaling -->\n                    <div class=\"absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-30 transition-all duration-400 ease-out flex items-end pointer-events-none\">\n                        <div class=\"p-4 text-white transform translate-y-8 group-hover:translate-y-0 transition-transform duration-400 ease-out\">\n                            <h3 class=\"font-semibold text-lg md:text-2xl mb-1\">Robert Combas<\/h3>\n                                                            <p class=\"text-medium text-gray-200 opacity-0 group-hover:opacity-100 transition-opacity duration-500 ease-out transition-delay-100\">Painter<\/p>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n            <\/article>\n                                \n            <article class=\"bg-white overflow-hidden group artist-card transition-all duration-300 ease-in-out\" \n                     data-artist-name=\"roberto carra\"\n                     data-artist-type=\"art director, illustrator, photographer\">\n                <!-- Image Container with Overlay -->\n                <div class=\"aspect-square overflow-hidden relative\">\n                    <a class=\"block h-full transition-transform duration-500 ease-out hover:scale-105\" href=\"https:\/\/www.montreuxjazzshop.com\/fr\/artiste\/roberto-carra\/\">\n                                                    <img decoding=\"async\" src=\"https:\/\/www.montreuxjazzshop.com\/wp-content\/smush-webp\/2025\/08\/Artwork-by-Roberto-Cara-\u00a9-Roberto-Cara-768x768-1.jpg.webp\" \n                                 alt=\"Roberto Carra\" \n                                 class=\"w-full h-full object-cover aspect-square\">\n                                            <\/a>\n                    \n                    <!-- Overlay with Artist Info - Separate from scaling -->\n                    <div class=\"absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-30 transition-all duration-400 ease-out flex items-end pointer-events-none\">\n                        <div class=\"p-4 text-white transform translate-y-8 group-hover:translate-y-0 transition-transform duration-400 ease-out\">\n                            <h3 class=\"font-semibold text-lg md:text-2xl mb-1\">Roberto Carra<\/h3>\n                                                            <p class=\"text-medium text-gray-200 opacity-0 group-hover:opacity-100 transition-opacity duration-500 ease-out transition-delay-100\">Art Director, Illustrator, Photographer<\/p>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n            <\/article>\n                                \n            <article class=\"bg-white overflow-hidden group artist-card transition-all duration-300 ease-in-out\" \n                     data-artist-name=\"roger bornand\"\n                     data-artist-type=\"art director, graphic designer\">\n                <!-- Image Container with Overlay -->\n                <div class=\"aspect-square overflow-hidden relative\">\n                    <a class=\"block h-full transition-transform duration-500 ease-out hover:scale-105\" href=\"https:\/\/www.montreuxjazzshop.com\/fr\/artiste\/roger-bornand\/\">\n                                                    <img decoding=\"async\" src=\"https:\/\/www.montreuxjazzshop.com\/wp-content\/smush-webp\/2025\/08\/roger-bornand-24-heures.jpg.webp\" \n                                 alt=\"Roger Bornand\" \n                                 class=\"w-full h-full object-cover aspect-square\">\n                                            <\/a>\n                    \n                    <!-- Overlay with Artist Info - Separate from scaling -->\n                    <div class=\"absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-30 transition-all duration-400 ease-out flex items-end pointer-events-none\">\n                        <div class=\"p-4 text-white transform translate-y-8 group-hover:translate-y-0 transition-transform duration-400 ease-out\">\n                            <h3 class=\"font-semibold text-lg md:text-2xl mb-1\">Roger Bornand<\/h3>\n                                                            <p class=\"text-medium text-gray-200 opacity-0 group-hover:opacity-100 transition-opacity duration-500 ease-out transition-delay-100\">Art Director, Graphic Designer<\/p>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n            <\/article>\n                                \n            <article class=\"bg-white overflow-hidden group artist-card transition-all duration-300 ease-in-out\" \n                     data-artist-name=\"rolf knie\"\n                     data-artist-type=\"artist, painter\">\n                <!-- Image Container with Overlay -->\n                <div class=\"aspect-square overflow-hidden relative\">\n                    <a class=\"block h-full transition-transform duration-500 ease-out hover:scale-105\" href=\"https:\/\/www.montreuxjazzshop.com\/fr\/artiste\/rolf-knie\/\">\n                                                    <img decoding=\"async\" src=\"https:\/\/www.montreuxjazzshop.com\/wp-content\/smush-webp\/2025\/08\/Rolf-Knie-Portrait-\u00a9-dr-768x768-1.jpg.webp\" \n                                 alt=\"Rolf Knie\" \n                                 class=\"w-full h-full object-cover aspect-square\">\n                                            <\/a>\n                    \n                    <!-- Overlay with Artist Info - Separate from scaling -->\n                    <div class=\"absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-30 transition-all duration-400 ease-out flex items-end pointer-events-none\">\n                        <div class=\"p-4 text-white transform translate-y-8 group-hover:translate-y-0 transition-transform duration-400 ease-out\">\n                            <h3 class=\"font-semibold text-lg md:text-2xl mb-1\">Rolf Knie<\/h3>\n                                                            <p class=\"text-medium text-gray-200 opacity-0 group-hover:opacity-100 transition-opacity duration-500 ease-out transition-delay-100\">Artist, Painter<\/p>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n            <\/article>\n                                \n            <article class=\"bg-white overflow-hidden group artist-card transition-all duration-300 ease-in-out\" \n                     data-artist-name=\"romero britto\"\n                     data-artist-type=\"artist, painter\">\n                <!-- Image Container with Overlay -->\n                <div class=\"aspect-square overflow-hidden relative\">\n                    <a class=\"block h-full transition-transform duration-500 ease-out hover:scale-105\" href=\"https:\/\/www.montreuxjazzshop.com\/fr\/artiste\/romero-britto\/\">\n                                                    <img decoding=\"async\" src=\"https:\/\/www.montreuxjazzshop.com\/wp-content\/smush-webp\/2025\/08\/Romero-Britto-Montreux-Jazz-Festival-2010-\u00a9-Odile-Meylan-768x768-1.jpg.webp\" \n                                 alt=\"Romero Britto\" \n                                 class=\"w-full h-full object-cover aspect-square\">\n                                            <\/a>\n                    \n                    <!-- Overlay with Artist Info - Separate from scaling -->\n                    <div class=\"absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-30 transition-all duration-400 ease-out flex items-end pointer-events-none\">\n                        <div class=\"p-4 text-white transform translate-y-8 group-hover:translate-y-0 transition-transform duration-400 ease-out\">\n                            <h3 class=\"font-semibold text-lg md:text-2xl mb-1\">Romero Britto<\/h3>\n                                                            <p class=\"text-medium text-gray-200 opacity-0 group-hover:opacity-100 transition-opacity duration-500 ease-out transition-delay-100\">Artist, Painter<\/p>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n            <\/article>\n                                \n            <article class=\"bg-white overflow-hidden group artist-card transition-all duration-300 ease-in-out\" \n                     data-artist-name=\"rylsee\"\n                     data-artist-type=\"artist\">\n                <!-- Image Container with Overlay -->\n                <div class=\"aspect-square overflow-hidden relative\">\n                    <a class=\"block h-full transition-transform duration-500 ease-out hover:scale-105\" href=\"https:\/\/www.montreuxjazzshop.com\/fr\/artiste\/rylsee\/\">\n                                                    <img decoding=\"async\" src=\"https:\/\/www.montreuxjazzshop.com\/wp-content\/smush-webp\/2025\/08\/Rylsee-\u00a9LUTHOR-768x768-1.jpg.webp\" \n                                 alt=\"Rylsee\" \n                                 class=\"w-full h-full object-cover aspect-square\">\n                                            <\/a>\n                    \n                    <!-- Overlay with Artist Info - Separate from scaling -->\n                    <div class=\"absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-30 transition-all duration-400 ease-out flex items-end pointer-events-none\">\n                        <div class=\"p-4 text-white transform translate-y-8 group-hover:translate-y-0 transition-transform duration-400 ease-out\">\n                            <h3 class=\"font-semibold text-lg md:text-2xl mb-1\">Rylsee<\/h3>\n                                                            <p class=\"text-medium text-gray-200 opacity-0 group-hover:opacity-100 transition-opacity duration-500 ease-out transition-delay-100\">Artist<\/p>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n            <\/article>\n                                \n            <article class=\"bg-white overflow-hidden group artist-card transition-all duration-300 ease-in-out\" \n                     data-artist-name=\"shigeo fukuda\"\n                     data-artist-type=\"graphic designer, illustrator\">\n                <!-- Image Container with Overlay -->\n                <div class=\"aspect-square overflow-hidden relative\">\n                    <a class=\"block h-full transition-transform duration-500 ease-out hover:scale-105\" href=\"https:\/\/www.montreuxjazzshop.com\/fr\/artiste\/shigeo-fukuda\/\">\n                                                    <img decoding=\"async\" src=\"https:\/\/www.montreuxjazzshop.com\/wp-content\/smush-webp\/2025\/08\/Shigeo-Fukuda-\u00a9-DR-768x768-1.jpg.webp\" \n                                 alt=\"Shigeo Fukuda\" \n                                 class=\"w-full h-full object-cover aspect-square\">\n                                            <\/a>\n                    \n                    <!-- Overlay with Artist Info - Separate from scaling -->\n                    <div class=\"absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-30 transition-all duration-400 ease-out flex items-end pointer-events-none\">\n                        <div class=\"p-4 text-white transform translate-y-8 group-hover:translate-y-0 transition-transform duration-400 ease-out\">\n                            <h3 class=\"font-semibold text-lg md:text-2xl mb-1\">Shigeo Fukuda<\/h3>\n                                                            <p class=\"text-medium text-gray-200 opacity-0 group-hover:opacity-100 transition-opacity duration-500 ease-out transition-delay-100\">Graphic Designer, Illustrator<\/p>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n            <\/article>\n                                \n            <article class=\"bg-white overflow-hidden group artist-card transition-all duration-300 ease-in-out\" \n                     data-artist-name=\"sylvie fleury\"\n                     data-artist-type=\"artist\">\n                <!-- Image Container with Overlay -->\n                <div class=\"aspect-square overflow-hidden relative\">\n                    <a class=\"block h-full transition-transform duration-500 ease-out hover:scale-105\" href=\"https:\/\/www.montreuxjazzshop.com\/fr\/artiste\/sylvie-fleury\/\">\n                                                    <img decoding=\"async\" src=\"https:\/\/www.montreuxjazzshop.com\/wp-content\/smush-webp\/2025\/08\/Sylvie-Fleury-\u00a9-DR-768x768-1.jpg.webp\" \n                                 alt=\"Sylvie Fleury\" \n                                 class=\"w-full h-full object-cover aspect-square\">\n                                            <\/a>\n                    \n                    <!-- Overlay with Artist Info - Separate from scaling -->\n                    <div class=\"absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-30 transition-all duration-400 ease-out flex items-end pointer-events-none\">\n                        <div class=\"p-4 text-white transform translate-y-8 group-hover:translate-y-0 transition-transform duration-400 ease-out\">\n                            <h3 class=\"font-semibold text-lg md:text-2xl mb-1\">Sylvie Fleury<\/h3>\n                                                            <p class=\"text-medium text-gray-200 opacity-0 group-hover:opacity-100 transition-opacity duration-500 ease-out transition-delay-100\">Artist<\/p>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n            <\/article>\n                                \n            <article class=\"bg-white overflow-hidden group artist-card transition-all duration-300 ease-in-out\" \n                     data-artist-name=\"ted scapa\"\n                     data-artist-type=\"artist, illustrator, painter\">\n                <!-- Image Container with Overlay -->\n                <div class=\"aspect-square overflow-hidden relative\">\n                    <a class=\"block h-full transition-transform duration-500 ease-out hover:scale-105\" href=\"https:\/\/www.montreuxjazzshop.com\/fr\/artiste\/ted-scapa\/\">\n                                                    <img decoding=\"async\" src=\"https:\/\/www.montreuxjazzshop.com\/wp-content\/smush-webp\/2025\/08\/Ted-Scapa-\u00a9-DR-768x768-1.jpg.webp\" \n                                 alt=\"Ted Scapa\" \n                                 class=\"w-full h-full object-cover aspect-square\">\n                                            <\/a>\n                    \n                    <!-- Overlay with Artist Info - Separate from scaling -->\n                    <div class=\"absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-30 transition-all duration-400 ease-out flex items-end pointer-events-none\">\n                        <div class=\"p-4 text-white transform translate-y-8 group-hover:translate-y-0 transition-transform duration-400 ease-out\">\n                            <h3 class=\"font-semibold text-lg md:text-2xl mb-1\">Ted Scapa<\/h3>\n                                                            <p class=\"text-medium text-gray-200 opacity-0 group-hover:opacity-100 transition-opacity duration-500 ease-out transition-delay-100\">Artist, Illustrator, Painter<\/p>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n            <\/article>\n                                \n            <article class=\"bg-white overflow-hidden group artist-card transition-all duration-300 ease-in-out\" \n                     data-artist-name=\"tomi ungerer\"\n                     data-artist-type=\"illustrator\">\n                <!-- Image Container with Overlay -->\n                <div class=\"aspect-square overflow-hidden relative\">\n                    <a class=\"block h-full transition-transform duration-500 ease-out hover:scale-105\" href=\"https:\/\/www.montreuxjazzshop.com\/fr\/artiste\/tomi-ungerer\/\">\n                                                    <img decoding=\"async\" src=\"https:\/\/www.montreuxjazzshop.com\/wp-content\/smush-webp\/2025\/08\/Tomi-Ungerer-2017-\u00a9-Claude-Truong-Ngoc-768x768-1.jpg.webp\" \n                                 alt=\"Tomi Ungerer\" \n                                 class=\"w-full h-full object-cover aspect-square\">\n                                            <\/a>\n                    \n                    <!-- Overlay with Artist Info - Separate from scaling -->\n                    <div class=\"absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-30 transition-all duration-400 ease-out flex items-end pointer-events-none\">\n                        <div class=\"p-4 text-white transform translate-y-8 group-hover:translate-y-0 transition-transform duration-400 ease-out\">\n                            <h3 class=\"font-semibold text-lg md:text-2xl mb-1\">Tomi Ungerer<\/h3>\n                                                            <p class=\"text-medium text-gray-200 opacity-0 group-hover:opacity-100 transition-opacity duration-500 ease-out transition-delay-100\">Illustrator<\/p>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n            <\/article>\n                                \n            <article class=\"bg-white overflow-hidden group artist-card transition-all duration-300 ease-in-out\" \n                     data-artist-name=\"walter ono\"\n                     data-artist-type=\"architect, illustrator\">\n                <!-- Image Container with Overlay -->\n                <div class=\"aspect-square overflow-hidden relative\">\n                    <a class=\"block h-full transition-transform duration-500 ease-out hover:scale-105\" href=\"https:\/\/www.montreuxjazzshop.com\/fr\/artiste\/walter-ono\/\">\n                                                    <img decoding=\"async\" src=\"https:\/\/www.montreuxjazzshop.com\/wp-content\/smush-webp\/2025\/08\/Walter-Ono-\u00a9-Edicoes-na-Lua-768x768-1.jpg.webp\" \n                                 alt=\"Walter Ono\" \n                                 class=\"w-full h-full object-cover aspect-square\">\n                                            <\/a>\n                    \n                    <!-- Overlay with Artist Info - Separate from scaling -->\n                    <div class=\"absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-30 transition-all duration-400 ease-out flex items-end pointer-events-none\">\n                        <div class=\"p-4 text-white transform translate-y-8 group-hover:translate-y-0 transition-transform duration-400 ease-out\">\n                            <h3 class=\"font-semibold text-lg md:text-2xl mb-1\">Walter Ono<\/h3>\n                                                            <p class=\"text-medium text-gray-200 opacity-0 group-hover:opacity-100 transition-opacity duration-500 ease-out transition-delay-100\">Architect, Illustrator<\/p>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n            <\/article>\n                                \n            <article class=\"bg-white overflow-hidden group artist-card transition-all duration-300 ease-in-out\" \n                     data-artist-name=\"yoann lemoine (woodkid)\"\n                     data-artist-type=\"graphic designer, musician, photographer\">\n                <!-- Image Container with Overlay -->\n                <div class=\"aspect-square overflow-hidden relative\">\n                    <a class=\"block h-full transition-transform duration-500 ease-out hover:scale-105\" href=\"https:\/\/www.montreuxjazzshop.com\/fr\/artiste\/woodkid\/\">\n                                                    <img decoding=\"async\" src=\"https:\/\/www.montreuxjazzshop.com\/wp-content\/smush-webp\/2025\/08\/Woodkid_2012-\u00a9-Daniel_Balmat-e1580126104784.jpg.webp\" \n                                 alt=\"Yoann Lemoine (Woodkid)\" \n                                 class=\"w-full h-full object-cover aspect-square\">\n                                            <\/a>\n                    \n                    <!-- Overlay with Artist Info - Separate from scaling -->\n                    <div class=\"absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-30 transition-all duration-400 ease-out flex items-end pointer-events-none\">\n                        <div class=\"p-4 text-white transform translate-y-8 group-hover:translate-y-0 transition-transform duration-400 ease-out\">\n                            <h3 class=\"font-semibold text-lg md:text-2xl mb-1\">Yoann Lemoine (Woodkid)<\/h3>\n                                                            <p class=\"text-medium text-gray-200 opacity-0 group-hover:opacity-100 transition-opacity duration-500 ease-out transition-delay-100\">Graphic Designer, Musician, Photographer<\/p>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n            <\/article>\n                                \n            <article class=\"bg-white overflow-hidden group artist-card transition-all duration-300 ease-in-out\" \n                     data-artist-name=\"zep\"\n                     data-artist-type=\"illustrator\">\n                <!-- Image Container with Overlay -->\n                <div class=\"aspect-square overflow-hidden relative\">\n                    <a class=\"block h-full transition-transform duration-500 ease-out hover:scale-105\" href=\"https:\/\/www.montreuxjazzshop.com\/fr\/artiste\/zep\/\">\n                                                    <img decoding=\"async\" src=\"https:\/\/www.montreuxjazzshop.com\/wp-content\/smush-webp\/2025\/08\/Zep_04-\u00a9-Traumrune-Wikimedia-Commons-e1580126138126.jpg.webp\" \n                                 alt=\"Zep\" \n                                 class=\"w-full h-full object-cover aspect-square\">\n                                            <\/a>\n                    \n                    <!-- Overlay with Artist Info - Separate from scaling -->\n                    <div class=\"absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-30 transition-all duration-400 ease-out flex items-end pointer-events-none\">\n                        <div class=\"p-4 text-white transform translate-y-8 group-hover:translate-y-0 transition-transform duration-400 ease-out\">\n                            <h3 class=\"font-semibold text-lg md:text-2xl mb-1\">Zep<\/h3>\n                                                            <p class=\"text-medium text-gray-200 opacity-0 group-hover:opacity-100 transition-opacity duration-500 ease-out transition-delay-100\">Illustrator<\/p>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n            <\/article>\n            <\/div>\n<\/div>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Artistes Chaque ann\u00e9e et ce depuis sa cr\u00e9ation en 1967,&nbsp;le&nbsp;Montreux Jazz Festival&nbsp;laisse le soin \u00e0 des artistes internationaux de r\u00e9aliser son affiche officielle. Keith Haring en signait trois d\u00e9clinaisons en 1983, puis en bin\u00f4me avec Andy Warhol en 1986. David Bowie se pr\u00eatait au jeu en 1995, comme plus r\u00e9cemment Yoann Lemoine (Woodkid), Malika Favre [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-6170","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.7 (Yoast SEO v27.7) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Artistes c\u00e9l\u00e8bres du Montreux Jazz Festival - Montreux Jazz Festival Shop<\/title>\n<meta name=\"description\" content=\"Explorez les artistes embl\u00e9matiques qui ont con\u00e7u les affiches du Montreux Jazz Festival au fil des ans.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.montreuxjazzshop.com\/fr\/artistes\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Artistes\" \/>\n<meta property=\"og:description\" content=\"Explorez les artistes embl\u00e9matiques qui ont con\u00e7u les affiches du Montreux Jazz Festival au fil des ans.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.montreuxjazzshop.com\/fr\/artistes\/\" \/>\n<meta property=\"og:site_name\" content=\"Montreux Jazz Festival Shop\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/montreuxjazzfestival\" \/>\n<meta property=\"article:modified_time\" content=\"2025-10-20T09:17:08+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@MontreuxJazz\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.montreuxjazzshop.com\\\/fr\\\/artistes\\\/\",\"url\":\"https:\\\/\\\/www.montreuxjazzshop.com\\\/fr\\\/artistes\\\/\",\"name\":\"Artistes c\u00e9l\u00e8bres du Montreux Jazz Festival - Montreux Jazz Festival Shop\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.montreuxjazzshop.com\\\/fr\\\/#website\"},\"datePublished\":\"2025-09-18T14:01:27+00:00\",\"dateModified\":\"2025-10-20T09:17:08+00:00\",\"description\":\"Explorez les artistes embl\u00e9matiques qui ont con\u00e7u les affiches du Montreux Jazz Festival au fil des ans.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.montreuxjazzshop.com\\\/fr\\\/artistes\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.montreuxjazzshop.com\\\/fr\\\/artistes\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.montreuxjazzshop.com\\\/fr\\\/artistes\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/www.montreuxjazzshop.com\\\/fr\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Artistes\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.montreuxjazzshop.com\\\/fr\\\/#website\",\"url\":\"https:\\\/\\\/www.montreuxjazzshop.com\\\/fr\\\/\",\"name\":\"Montreux Jazz Shop\",\"description\":\"The Montreux Jazz Festival shop\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.montreuxjazzshop.com\\\/fr\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Artistes c\u00e9l\u00e8bres du Montreux Jazz Festival - Montreux Jazz Festival Shop","description":"Explorez les artistes embl\u00e9matiques qui ont con\u00e7u les affiches du Montreux Jazz Festival au fil des ans.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.montreuxjazzshop.com\/fr\/artistes\/","og_locale":"fr_FR","og_type":"article","og_title":"Artistes","og_description":"Explorez les artistes embl\u00e9matiques qui ont con\u00e7u les affiches du Montreux Jazz Festival au fil des ans.","og_url":"https:\/\/www.montreuxjazzshop.com\/fr\/artistes\/","og_site_name":"Montreux Jazz Festival Shop","article_publisher":"https:\/\/www.facebook.com\/montreuxjazzfestival","article_modified_time":"2025-10-20T09:17:08+00:00","twitter_card":"summary_large_image","twitter_site":"@MontreuxJazz","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.montreuxjazzshop.com\/fr\/artistes\/","url":"https:\/\/www.montreuxjazzshop.com\/fr\/artistes\/","name":"Artistes c\u00e9l\u00e8bres du Montreux Jazz Festival - Montreux Jazz Festival Shop","isPartOf":{"@id":"https:\/\/www.montreuxjazzshop.com\/fr\/#website"},"datePublished":"2025-09-18T14:01:27+00:00","dateModified":"2025-10-20T09:17:08+00:00","description":"Explorez les artistes embl\u00e9matiques qui ont con\u00e7u les affiches du Montreux Jazz Festival au fil des ans.","breadcrumb":{"@id":"https:\/\/www.montreuxjazzshop.com\/fr\/artistes\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.montreuxjazzshop.com\/fr\/artistes\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.montreuxjazzshop.com\/fr\/artistes\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/www.montreuxjazzshop.com\/fr\/"},{"@type":"ListItem","position":2,"name":"Artistes"}]},{"@type":"WebSite","@id":"https:\/\/www.montreuxjazzshop.com\/fr\/#website","url":"https:\/\/www.montreuxjazzshop.com\/fr\/","name":"Montreux Jazz Shop","description":"The Montreux Jazz Festival shop","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.montreuxjazzshop.com\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"}]}},"_links":{"self":[{"href":"https:\/\/www.montreuxjazzshop.com\/fr\/wp-json\/wp\/v2\/pages\/6170","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.montreuxjazzshop.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.montreuxjazzshop.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.montreuxjazzshop.com\/fr\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.montreuxjazzshop.com\/fr\/wp-json\/wp\/v2\/comments?post=6170"}],"version-history":[{"count":0,"href":"https:\/\/www.montreuxjazzshop.com\/fr\/wp-json\/wp\/v2\/pages\/6170\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.montreuxjazzshop.com\/fr\/wp-json\/wp\/v2\/media?parent=6170"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}