{"id":10816,"date":"2024-03-12T07:43:36","date_gmt":"2024-03-12T07:43:36","guid":{"rendered":"https:\/\/codex-themes.com\/thegem\/blocks\/?page_id=10816"},"modified":"2023-04-07T12:48:47","modified_gmt":"2023-04-07T12:48:47","slug":"portfolio-animated-gif","status":"publish","type":"page","link":"https:\/\/codex-themes.com\/thegem\/blocks\/portfolio-animated-gif\/","title":{"rendered":"Portfolio Animated GIF"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row full_width=&#8221;stretch_row&#8221; equal_height=&#8221;yes&#8221; content_placement=&#8221;middle&#8221; background_position_desktop=&#8221;right bottom&#8221; thegem_revesrse_columns_tablet=&#8221;true&#8221; thegem_revesrse_columns_mobile=&#8221;true&#8221; css=&#8221;.vc_custom_1680617031455{margin-bottom: 0px !important;padding-top: 200px !important;padding-bottom: 50px !important;background-image: url(https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/04\/video-back-1.png?id=11816) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}&#8221; el_class=&#8221;hero-row&#8221; mobile_padding_bottom=&#8221;70&#8243; tablet_padding_top=&#8221;90&#8243; tablet_padding_bottom=&#8221;10&#8243; mobile_padding_top=&#8221;80&#8243;][vc_column css=&#8221;.vc_custom_1679581413352{padding-top: 250px !important;padding-bottom: 250px !important;}&#8221; offset=&#8221;vc_col-lg-7 vc_col-md-7 vc_hidden-xs&#8221; mobile_padding_top=&#8221;200&#8243; mobile_padding_bottom=&#8221;200&#8243; tablet_padding_top=&#8221;225&#8243; tablet_padding_bottom=&#8221;225&#8243;][vc_single_image image=&#8221;10819&#8243; img_size=&#8221;full&#8221; alignment=&#8221;right&#8221; interactions_enabled=&#8221;1&#8243; mouse_effects=&#8221;1&#8243; mouse_effects_direction=&#8221;mouse_effects_direction_direct&#8221; mouse_effects_speed=&#8221;0.2&#8243; disable_effects_mobile=&#8221;1&#8243; css_animation=&#8221;fadeInRight&#8221; el_class=&#8221;animated-gif-01&#8243; css=&#8221;.vc_custom_1679654540181{margin-bottom: 0px !important;}&#8221;][vc_single_image image=&#8221;10820&#8243; img_size=&#8221;full&#8221; interactions_enabled=&#8221;1&#8243; mouse_effects=&#8221;1&#8243; mouse_effects_speed=&#8221;0.2&#8243; disable_effects_mobile=&#8221;1&#8243; css_animation=&#8221;fadeInDown&#8221; el_class=&#8221;animated-gif-02&#8243; css=&#8221;.vc_custom_1679654566377{margin-bottom: 0px !important;}&#8221; effects_enabled_delay=&#8221;200&#8243;][vc_single_image image=&#8221;10821&#8243; img_size=&#8221;full&#8221; interactions_enabled=&#8221;1&#8243; mouse_effects=&#8221;1&#8243; mouse_effects_direction=&#8221;mouse_effects_direction_direct&#8221; mouse_effects_speed=&#8221;0.5&#8243; disable_effects_mobile=&#8221;1&#8243; css_animation=&#8221;fadeInLeft&#8221; el_class=&#8221;animated-gif-03&#8243; css=&#8221;.vc_custom_1679654571924{margin-bottom: 0px !important;}&#8221; effects_enabled_delay=&#8221;400&#8243;][vc_single_image image=&#8221;10818&#8243; img_size=&#8221;full&#8221; alignment=&#8221;right&#8221; interactions_enabled=&#8221;1&#8243; mouse_effects=&#8221;1&#8243; mouse_effects_speed=&#8221;1&#8243; disable_effects_mobile=&#8221;1&#8243; css_animation=&#8221;fadeInUp&#8221; el_class=&#8221;animated-cursor&#8221; css=&#8221;.vc_custom_1679654580324{margin-bottom: 0px !important;}&#8221; effects_enabled_delay=&#8221;600&#8243;][\/vc_column][vc_column css=&#8221;.vc_custom_1679581115907{padding-top: 150px !important;padding-bottom: 150px !important;padding-left: 60px !important;}&#8221; offset=&#8221;vc_col-lg-5 vc_col-md-5&#8243; tablet_padding_top=&#8221;70&#8243; tablet_padding_bottom=&#8221;70&#8243; tablet_padding_left=&#8221;21&#8243;]<div class=\"thegem-te-heading thegem-custom-69e9a382473a328\" ><script type=\"text\/javascript\">(function() {function TheGemHeading() {this.animateClass = 'thegem-heading-animate';this.animatedClass = 'thegem-heading-animated';}TheGemHeading.prototype = {initialize: function () {let items =document.querySelectorAll('.'+this.animateClass);items.forEach((item)=>{if (this.isElementVisible(item)) {this.prepareAnimation(item);this.startAnimation(item);}});if ('IntersectionObserver' in window) {let intersectionObserver = new IntersectionObserver((entries)=>{entries.forEach((entry)=> {if (entry.isIntersecting) {this.startAnimation(entry.target);intersectionObserver.unobserve(entry.target);}});});items.forEach((item)=>{intersectionObserver.observe(item);this.prepareAnimation(item);});} else {items.forEach((item)=>{this.prepareAnimation(item);this.startAnimation(item);});}},isElementVisible: function (element) {let rect= element.getBoundingClientRect(),width= window.innerWidth || document.documentElement.clientWidth,height = window.innerHeight || document.documentElement.clientHeight,efp= (x, y) => document.elementFromPoint(x, y);if (rect.right < 0 || rect.bottom < 0 || rect.left > width || rect.top > height) return false;return (element.contains(efp(rect.left,rect.top)) ||element.contains(efp(rect.right, rect.top)) ||element.contains(efp(rect.right, rect.bottom)) ||element.contains(efp(rect.left,rect.bottom)));},startAnimation: function (element) {if (element && !element.classList.contains(this.animatedClass)) {element.classList.add(this.animatedClass);element.classList.remove(this.animateClass);element.dispatchEvent(new Event('theGemHeading.startAnimation', {bubbles: true}));}},prepareAnimation: function (element) {if (element && !element.isPreparedAnimation) {element.dispatchEvent(new Event('theGemHeading.prepareAnimation', {bubbles: true}));element.isPreparedAnimation = true;}}};window.theGemHeading = new TheGemHeading();document.addEventListener('DOMContentLoaded', function() {window.theGemHeading.initialize();});})();<\/script><div id=\"thegem-heading-69e9a38247343\" class=\"thegem-heading title-h1 letters-slide-up thegem-heading-animate thegem-heading-animate-disable-mobile\" style=\"text-align: left;\" ><span class=\"colored thegem-heading-word\" style=\"color: #ffffff;\"><span class=\"thegem-heading-letter-wrap\"><span class=\"thegem-heading-letter\" style=\"animation-delay: 15ms\">P<\/span><\/span><span class=\"thegem-heading-letter-wrap\"><span class=\"thegem-heading-letter\" style=\"animation-delay: 30ms\">o<\/span><\/span><span class=\"thegem-heading-letter-wrap\"><span class=\"thegem-heading-letter\" style=\"animation-delay: 45ms\">r<\/span><\/span><span class=\"thegem-heading-letter-wrap\"><span class=\"thegem-heading-letter\" style=\"animation-delay: 60ms\">t<\/span><\/span><span class=\"thegem-heading-letter-wrap\"><span class=\"thegem-heading-letter\" style=\"animation-delay: 75ms\">f<\/span><\/span><span class=\"thegem-heading-letter-wrap\"><span class=\"thegem-heading-letter\" style=\"animation-delay: 90ms\">o<\/span><\/span><span class=\"thegem-heading-letter-wrap\"><span class=\"thegem-heading-letter\" style=\"animation-delay: 105ms\">l<\/span><\/span><span class=\"thegem-heading-letter-wrap\"><span class=\"thegem-heading-letter\" style=\"animation-delay: 120ms\">i<\/span><\/span><span class=\"thegem-heading-letter-wrap\"><span class=\"thegem-heading-letter\" style=\"animation-delay: 135ms\">o<\/span><\/span><\/span> <span class=\"colored thegem-heading-word\" style=\"color: #ffffff;\"><span class=\"thegem-heading-letter-wrap\"><span class=\"thegem-heading-letter\" style=\"animation-delay: 150ms\">A<\/span><\/span><span class=\"thegem-heading-letter-wrap\"><span class=\"thegem-heading-letter\" style=\"animation-delay: 165ms\">n<\/span><\/span><span class=\"thegem-heading-letter-wrap\"><span class=\"thegem-heading-letter\" style=\"animation-delay: 180ms\">i<\/span><\/span><span class=\"thegem-heading-letter-wrap\"><span class=\"thegem-heading-letter\" style=\"animation-delay: 195ms\">m<\/span><\/span><span class=\"thegem-heading-letter-wrap\"><span class=\"thegem-heading-letter\" style=\"animation-delay: 210ms\">a<\/span><\/span><span class=\"thegem-heading-letter-wrap\"><span class=\"thegem-heading-letter\" style=\"animation-delay: 225ms\">t<\/span><\/span><span class=\"thegem-heading-letter-wrap\"><span class=\"thegem-heading-letter\" style=\"animation-delay: 240ms\">e<\/span><\/span><span class=\"thegem-heading-letter-wrap\"><span class=\"thegem-heading-letter\" style=\"animation-delay: 255ms\">d<\/span><\/span><\/span> <span class=\"colored thegem-heading-word\" style=\"color: #ffffff;\"><span class=\"thegem-heading-letter-wrap\"><span class=\"thegem-heading-letter\" style=\"animation-delay: 270ms\">G<\/span><\/span><span class=\"thegem-heading-letter-wrap\"><span class=\"thegem-heading-letter\" style=\"animation-delay: 285ms\">I<\/span><\/span><span class=\"thegem-heading-letter-wrap\"><span class=\"thegem-heading-letter\" style=\"animation-delay: 300ms\">F<\/span><\/span><\/span><\/div><style type=\"text\/css\">#thegem-heading-69e9a38247343 {margin: 0;}#thegem-heading-69e9a38247343 {letter-spacing: 0px;}#thegem-heading-69e9a38247343, #thegem-heading-69e9a38247343 .light {text-transform: none;}#thegem-heading-69e9a38247343 {max-width: 440px;}#thegem-heading-69e9a38247343 .thegem-heading-letter {animation-timing-function: cubic-bezier(0.25,1,0.5,1);}#thegem-heading-69e9a38247343 a:hover, #thegem-heading-69e9a38247343 a:hover span.colored {color: var(--thegem-to-menu-level1-color-hover, #00BCD4) !important;}<\/style><\/div><style>@media screen and (max-width: 1023px) {.thegem-te-heading.thegem-custom-69e9a382473a328{display: block!important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-69e9a382473a328{display: block!important;}}@media screen and (max-width: 1023px) {.thegem-te-heading.thegem-custom-69e9a382473a328{position: relative !important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-69e9a382473a328{position: relative !important;}}<\/style><div class=\"clearboth\"><\/div><style>#thegem-divider-69e9a382473c8 {margin-top: 20px !important;}<\/style><div id=\"thegem-divider-69e9a382473c8\" class=\"gem-divider  \" style=\"\" ><\/div><div class=\"thegem-te-heading thegem-custom-69e9a3824756e8712\" ><div id=\"thegem-heading-69e9a38247539\" class=\"thegem-heading styled-subtitle lines-slide-up thegem-heading-animate thegem-heading-animate-disable-mobile\" style=\"text-align: left;\" data-animation-name=\"lines-slide-up\" data-animation-interval=\"80\"><span class=\"colored thegem-heading-word\" style=\"color: #99a9b5;\">Add<\/span> <span class=\"colored thegem-heading-word\" style=\"color: #99a9b5;\">animated<\/span> <span class=\"colored thegem-heading-word\" style=\"color: #99a9b5;\">GIFs<\/span> <span class=\"colored thegem-heading-word\" style=\"color: #99a9b5;\">to<\/span> <span class=\"colored thegem-heading-word\" style=\"color: #99a9b5;\">TheGem<\/span> <span class=\"colored thegem-heading-word\" style=\"color: #99a9b5;\">portfolio<\/span> <span class=\"colored thegem-heading-word\" style=\"color: #99a9b5;\">items<\/span> <span class=\"colored thegem-heading-word\" style=\"color: #99a9b5;\">with<\/span> <span class=\"colored thegem-heading-word\" style=\"color: #99a9b5;\">the<\/span> <span class=\"colored thegem-heading-word\" style=\"color: #99a9b5;\">options<\/span> <span class=\"colored thegem-heading-word\" style=\"color: #99a9b5;\">to<\/span> <span class=\"colored thegem-heading-word\" style=\"color: #99a9b5;\">play<\/span> <span class=\"colored thegem-heading-word\" style=\"color: #99a9b5;\">these<\/span> <span class=\"colored thegem-heading-word\" style=\"color: #99a9b5;\">GIFs<\/span> <span class=\"colored thegem-heading-word\" style=\"color: #99a9b5;\">on<\/span> <span class=\"colored thegem-heading-word\" style=\"color: #99a9b5;\">mouse<\/span> <span class=\"colored thegem-heading-word\" style=\"color: #99a9b5;\">hover<\/span> <span class=\"colored thegem-heading-word\" style=\"color: #99a9b5;\">or<\/span> <span class=\"colored thegem-heading-word\" style=\"color: #99a9b5;\">to<\/span> <span class=\"colored thegem-heading-word\" style=\"color: #99a9b5;\">autoplay.<\/span><\/div><style type=\"text\/css\">#thegem-heading-69e9a38247539 {margin: 0;}#thegem-heading-69e9a38247539 {max-width: 400px;}#thegem-heading-69e9a38247539 a:hover, #thegem-heading-69e9a38247539 a:hover span.colored {color: var(--thegem-to-menu-level1-color-hover, #00BCD4) !important;}<\/style><\/div><style>@media screen and (max-width: 1023px) {.thegem-te-heading.thegem-custom-69e9a3824756e8712{display: block!important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-69e9a3824756e8712{display: block!important;}}@media screen and (max-width: 1023px) {.thegem-te-heading.thegem-custom-69e9a3824756e8712{position: relative !important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-69e9a3824756e8712{position: relative !important;}}<\/style>[\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1679581701398{margin-bottom: 0px !important;}&#8221;][vc_column css=&#8221;.vc_custom_1680012539545{padding-top: 105px !important;padding-bottom: 85px !important;}&#8221; tablet_padding_top=&#8221;90&#8243; tablet_padding_bottom=&#8221;70&#8243; mobile_padding_bottom=&#8221;45&#8243; mobile_padding_top=&#8221;80&#8243;]<div class=\"thegem-te-heading thegem-custom-69e9a382475e29306\" ><div id=\"thegem-heading-69e9a382475ce\" class=\"thegem-heading title-h1\" style=\"text-align: center;\" ><span class=\"colored\" style=\"color: #24262e;\">Play On Hover Example<\/span><\/div><style type=\"text\/css\">#thegem-heading-69e9a382475ce {margin: 0;}#thegem-heading-69e9a382475ce {margin-left: auto; margin-right: auto;}#thegem-heading-69e9a382475ce > * {justify-content: center;}#thegem-heading-69e9a382475ce {letter-spacing: 0px;}#thegem-heading-69e9a382475ce, #thegem-heading-69e9a382475ce .light {text-transform: none;}#thegem-heading-69e9a382475ce a:hover, #thegem-heading-69e9a382475ce a:hover span.colored {color: var(--thegem-to-menu-level1-color-hover, #00BCD4) !important;}<\/style><\/div><style>@media screen and (max-width: 1023px) {.thegem-te-heading.thegem-custom-69e9a382475e29306{display: block!important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-69e9a382475e29306{display: block!important;}}@media screen and (max-width: 1023px) {.thegem-te-heading.thegem-custom-69e9a382475e29306{position: relative !important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-69e9a382475e29306{position: relative !important;}}<\/style><div class=\"clearboth\"><\/div><style>#thegem-divider-69e9a382475f6 {margin-top: 40px !important;}@media screen and (max-width: 767px) {#thegem-divider-69e9a382475f6 {margin-top: 20px !important;}}<\/style><div id=\"thegem-divider-69e9a382475f6\" class=\"gem-divider  \" style=\"\" ><\/div><div class=\"thegem-te-heading thegem-custom-69e9a3824765b9265\" ><div id=\"thegem-heading-69e9a3824764a\" class=\"thegem-heading styled-subtitle\" style=\"text-align: center;\" ><span>TheGem portfolio items support multiple rich display formats in grid, including animated GIFs. You can specify to load and play animated GIFs on hovering the portfolio item in grid. You can activate the GIFs preloading to speed up the animation start. Just hover the items below to see this in action.<\/span><\/div><style type=\"text\/css\">#thegem-heading-69e9a3824764a {margin: 0;}#thegem-heading-69e9a3824764a {margin-left: auto; margin-right: auto;}#thegem-heading-69e9a3824764a > * {justify-content: center;}#thegem-heading-69e9a3824764a {max-width: 1000px;}#thegem-heading-69e9a3824764a a:hover, #thegem-heading-69e9a3824764a a:hover span.colored {color: var(--thegem-to-menu-level1-color-hover, #00BCD4) !important;}<\/style><\/div><style>@media screen and (max-width: 1023px) {.thegem-te-heading.thegem-custom-69e9a3824765b9265{display: block!important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-69e9a3824765b9265{display: block!important;}}@media screen and (max-width: 1023px) {.thegem-te-heading.thegem-custom-69e9a3824765b9265{position: relative !important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-69e9a3824765b9265{position: relative !important;}}<\/style>[\/vc_column][\/vc_row][vc_row equal_height=&#8221;yes&#8221; content_placement=&#8221;middle&#8221;][vc_column width=&#8221;1\/2&#8243; css=&#8221;.vc_custom_1679588862299{border-right-width: 1px !important;padding-top: 30px !important;padding-bottom: 30px !important;border-right-color: #dfe5e8 !important;border-right-style: solid !important;}&#8221; offset=&#8221;vc_col-lg-3 vc_col-md-3&#8243; tablet_padding_top=&#8221;15&#8243; tablet_padding_bottom=&#8221;15&#8243;]<style>.thegem-custom-69e9a382476808308 .gem-icon  {font-size: 16px;}.thegem-custom-69e9a382476808308 .gem-icon:not(.gem-simple-icon) .gem-icon-inner {width: 24px; height: 24px; line-height: 24px;}.thegem-custom-69e9a382476808308 .gem-icon.gem-simple-icon {width: 16px; height: 16px; line-height: 16px;}.gem-infotext.thegem-custom-69e9a382476808308 .gem-infotext-icon {margin-top:-2px !important;}.gem-infotext.thegem-custom-69e9a382476808308 .gem-infotext-icon {margin-right:8px !important;}.gem-infotext.thegem-custom-69e9a382476808308 .title-customize {color:#24262e !important;}.gem-infotext.thegem-custom-69e9a382476808308 .title-customize {letter-spacing:0px !important;}.gem-infotext.thegem-custom-69e9a382476808308 .title-customize {text-transform:none !important;}.gem-infotext.thegem-custom-69e9a382476808308 .subtitle-customize {color:#24262e !important;}.gem-infotext.thegem-custom-69e9a382476808308 .subtitle-customize {letter-spacing:0px !important;}.gem-infotext.thegem-custom-69e9a382476808308 .subtitle-customize {text-transform:none !important;}<\/style><div class=\"gem-infotext alignment-center thegem-custom-69e9a382476808308\"> <div class=\"gem-infotext-wrap position--top horizonal--center \"> <div class=\"gem-infotext\"> <div class=\"gem-infotext__title\"> <div class=\"title-customize title-default\" style=\"text-align:center;\"> Date <\/div> <\/div> <div class=\"gem-infotext__subtitle\"> <div class=\"subtitle-customize title-default light\" style=\"text-align:center;\"> May - August, 2023 <\/div> <\/div> <\/div> <\/div> <\/div>[\/vc_column][vc_column width=&#8221;1\/2&#8243; css=&#8221;.vc_custom_1679588857979{border-right-width: 1px !important;padding-top: 30px !important;padding-bottom: 30px !important;border-right-color: #dfe5e8 !important;border-right-style: solid !important;}&#8221; offset=&#8221;vc_col-lg-3 vc_col-md-3&#8243; tablet_padding_top=&#8221;15&#8243; tablet_padding_bottom=&#8221;15&#8243;]<style>.thegem-custom-69e9a382476b87515 .gem-icon  {font-size: 16px;}.thegem-custom-69e9a382476b87515 .gem-icon:not(.gem-simple-icon) .gem-icon-inner {width: 24px; height: 24px; line-height: 24px;}.thegem-custom-69e9a382476b87515 .gem-icon.gem-simple-icon {width: 16px; height: 16px; line-height: 16px;}.gem-infotext.thegem-custom-69e9a382476b87515 .gem-infotext-icon {margin-top:-2px !important;}.gem-infotext.thegem-custom-69e9a382476b87515 .gem-infotext-icon {margin-right:8px !important;}.gem-infotext.thegem-custom-69e9a382476b87515 .title-customize {color:#24262e !important;}.gem-infotext.thegem-custom-69e9a382476b87515 .title-customize {letter-spacing:0px !important;}.gem-infotext.thegem-custom-69e9a382476b87515 .title-customize {text-transform:none !important;}.gem-infotext.thegem-custom-69e9a382476b87515 .subtitle-customize {color:#24262e !important;}.gem-infotext.thegem-custom-69e9a382476b87515 .subtitle-customize {letter-spacing:0px !important;}.gem-infotext.thegem-custom-69e9a382476b87515 .subtitle-customize {text-transform:none !important;}<\/style><div class=\"gem-infotext alignment-center thegem-custom-69e9a382476b87515\"> <div class=\"gem-infotext-wrap position--top horizonal--center \"> <div class=\"gem-infotext\"> <div class=\"gem-infotext__title\"> <div class=\"title-customize title-default\" style=\"text-align:center;\"> Authors <\/div> <\/div> <div class=\"gem-infotext__subtitle\"> <div class=\"subtitle-customize title-default light\" style=\"text-align:center;\"> Aleksei Vasileika<br \/>\nAnimography <\/div> <\/div> <\/div> <\/div> <\/div>[\/vc_column][vc_column width=&#8221;1\/2&#8243; css=&#8221;.vc_custom_1679588853578{border-right-width: 1px !important;padding-top: 30px !important;padding-bottom: 30px !important;border-right-color: #dfe5e8 !important;border-right-style: solid !important;}&#8221; offset=&#8221;vc_col-lg-3 vc_col-md-3&#8243; tablet_padding_top=&#8221;15&#8243; tablet_padding_bottom=&#8221;15&#8243;]<style>.thegem-custom-69e9a382476e38316 .gem-icon  {font-size: 16px;}.thegem-custom-69e9a382476e38316 .gem-icon:not(.gem-simple-icon) .gem-icon-inner {width: 24px; height: 24px; line-height: 24px;}.thegem-custom-69e9a382476e38316 .gem-icon.gem-simple-icon {width: 16px; height: 16px; line-height: 16px;}.gem-infotext.thegem-custom-69e9a382476e38316 .gem-infotext-icon {margin-top:-2px !important;}.gem-infotext.thegem-custom-69e9a382476e38316 .gem-infotext-icon {margin-right:8px !important;}.gem-infotext.thegem-custom-69e9a382476e38316 .title-customize {color:#24262e !important;}.gem-infotext.thegem-custom-69e9a382476e38316 .title-customize {letter-spacing:0px !important;}.gem-infotext.thegem-custom-69e9a382476e38316 .title-customize {text-transform:none !important;}.gem-infotext.thegem-custom-69e9a382476e38316 .subtitle-customize {color:#24262e !important;}.gem-infotext.thegem-custom-69e9a382476e38316 .subtitle-customize {letter-spacing:0px !important;}.gem-infotext.thegem-custom-69e9a382476e38316 .subtitle-customize {text-transform:none !important;}<\/style><div class=\"gem-infotext alignment-center thegem-custom-69e9a382476e38316\"> <div class=\"gem-infotext-wrap position--top horizonal--center \"> <div class=\"gem-infotext\"> <div class=\"gem-infotext__title\"> <div class=\"title-customize title-default\" style=\"text-align:center;\"> Services <\/div> <\/div> <div class=\"gem-infotext__subtitle\"> <div class=\"subtitle-customize title-default light\" style=\"text-align:center;\"> 3D Graphics<br \/>\nAnimated Typefaces <\/div> <\/div> <\/div> <\/div> <\/div>[\/vc_column][vc_column width=&#8221;1\/2&#8243; css=&#8221;.vc_custom_1679588849345{padding-top: 30px !important;padding-bottom: 30px !important;}&#8221; offset=&#8221;vc_col-lg-3 vc_col-md-3&#8243; tablet_padding_top=&#8221;15&#8243; tablet_padding_bottom=&#8221;15&#8243;]<style>.thegem-custom-69e9a3824770a3697 .gem-icon  {font-size: 16px;}.thegem-custom-69e9a3824770a3697 .gem-icon:not(.gem-simple-icon) .gem-icon-inner {width: 24px; height: 24px; line-height: 24px;}.thegem-custom-69e9a3824770a3697 .gem-icon.gem-simple-icon {width: 16px; height: 16px; line-height: 16px;}.gem-infotext.thegem-custom-69e9a3824770a3697 .gem-infotext-icon {margin-top:-2px !important;}.gem-infotext.thegem-custom-69e9a3824770a3697 .gem-infotext-icon {margin-right:8px !important;}.gem-infotext.thegem-custom-69e9a3824770a3697 .title-customize {color:#24262e !important;}.gem-infotext.thegem-custom-69e9a3824770a3697 a:hover .gem-infotext .title-customize {color:#24262e !important;}.gem-infotext.thegem-custom-69e9a3824770a3697 .title-customize {letter-spacing:0px !important;}.gem-infotext.thegem-custom-69e9a3824770a3697 .title-customize {text-transform:none !important;}.gem-infotext.thegem-custom-69e9a3824770a3697 .subtitle-customize {color:#00bcd4 !important;}.gem-infotext.thegem-custom-69e9a3824770a3697 a:hover .gem-infotext .subtitle-customize {color:#24262e !important;}.gem-infotext.thegem-custom-69e9a3824770a3697 .subtitle-customize {letter-spacing:0px !important;}.gem-infotext.thegem-custom-69e9a3824770a3697 .subtitle-customize {text-transform:none !important;}<\/style><div class=\"gem-infotext alignment-center thegem-custom-69e9a3824770a3697\"> <a href=\"#\" target=\"_self\" class=\"gem-infotext-wrap position--top horizonal--center \" > <div class=\"gem-infotext\"> <div class=\"gem-infotext__title\"> <div class=\"title-customize title-default\" style=\"text-align:center;\"> Links <\/div> <\/div> <div class=\"gem-infotext__subtitle\"> <div class=\"subtitle-customize title-default light\" style=\"text-align:center;\"> dribbble.com\/alekseivasileika <\/div> <\/div> <\/div> <\/a> <\/div><style>.thegem-custom-69e9a3824774b4160 .gem-icon  {font-size: 16px;}.thegem-custom-69e9a3824774b4160 .gem-icon:not(.gem-simple-icon) .gem-icon-inner {width: 24px; height: 24px; line-height: 24px;}.thegem-custom-69e9a3824774b4160 .gem-icon.gem-simple-icon {width: 16px; height: 16px; line-height: 16px;}.gem-infotext.thegem-custom-69e9a3824774b4160 .gem-infotext-icon {margin-top:-2px !important;}.gem-infotext.thegem-custom-69e9a3824774b4160 .gem-infotext-icon {margin-right:8px !important;}.gem-infotext.thegem-custom-69e9a3824774b4160 .subtitle-customize {color:#00bcd4 !important;}.gem-infotext.thegem-custom-69e9a3824774b4160 a:hover .gem-infotext .subtitle-customize {color:#24262e !important;}.gem-infotext.thegem-custom-69e9a3824774b4160 .subtitle-customize {letter-spacing:0px !important;}.gem-infotext.thegem-custom-69e9a3824774b4160 .subtitle-customize {text-transform:none !important;}<\/style><div class=\"gem-infotext alignment-center thegem-custom-69e9a3824774b4160\"> <a href=\"#\" target=\"_self\" class=\"gem-infotext-wrap position--top horizonal--center \" > <div class=\"gem-infotext\"> <div class=\"gem-infotext__subtitle\"> <div class=\"subtitle-customize title-default light\" style=\"text-align:center;\"> dribbble.com\/animography <\/div> <\/div> <\/div> <\/a> <\/div>[\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row_content_no_spaces&#8221; css=&#8221;.vc_custom_1679903331617{margin-bottom: 0px !important;}&#8221;][vc_column css=&#8221;.vc_custom_1680012545332{padding-top: 75px !important;}&#8221; mobile_padding_top=&#8221;40&#8243;]<style>.portfolio.portfolio-grid#style-cce8aaf .portfolio-item:not(.size-item), .preloader#style-preloader-cce8aaf .portfolio-item { padding: calc(0px\/2) !important; }.portfolio.portfolio-grid#style-cce8aaf .portfolio-item.size-item { padding: 0 calc(0px\/2) !important; }.portfolio.portfolio-grid#style-cce8aaf .portfolio-row, .preloader#style-preloader-cce8aaf .skeleton-posts.portfolio-row { margin: calc(-0px\/2); }.portfolio.portfolio-grid#style-cce8aaf.fullwidth-columns .portfolio-row { margin: calc(-0px\/2) 0; }.portfolio.portfolio-grid#style-cce8aaf .fullwidth-block:not(.no-paddings) { padding-left: 0px; padding-right: 0px; }.portfolio.portfolio-grid#style-cce8aaf .fullwidth-block .portfolio-row { padding-left: calc(0px\/2); padding-right: calc(0px\/2); }.portfolio.portfolio-grid#style-cce8aaf .fullwidth-block .portfolio-top-panel { padding-left: 0px; padding-right: 0px; }.portfolio.portfolio-grid#style-cce8aaf.fullwidth-columns .with-filter-sidebar .filter-sidebar { padding-left: 0px; }.portfolio.portfolio-grid#style-cce8aaf .portfolio-item:not(.custom-ratio, .double-item) .image-inner:not(.empty) { aspect-ratio: 1.33 !important; height: auto; }.portfolio.portfolio-grid#style-cce8aaf .portfolio-item .caption { padding-top: 20px !important; }.portfolio.portfolio-grid#style-cce8aaf .portfolio-item .caption { padding-bottom: 20px !important; }.portfolio.portfolio-grid#style-cce8aaf .portfolio-item .caption { padding-left: 22px !important; }.portfolio.portfolio-grid#style-cce8aaf .portfolio-item .caption { padding-right: 22px !important; }.portfolio.portfolio-grid#style-cce8aaf .portfolio-item .caption .title span { letter-spacing: px !important; }.portfolio.portfolio-grid#style-cce8aaf .portfolio-item .caption .title span { white-space: initial; max-height: initial; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }.portfolio.portfolio-grid#style-cce8aaf .portfolio-item .caption .subtitle { max-height: initial !important; }.portfolio.portfolio-grid#style-cce8aaf .portfolio-item .caption .subtitle span { white-space: initial; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }.portfolio.portfolio-grid#style-cce8aaf .portfolio-item .caption .subtitle a, .portfolio.portfolio-grid#style-cce8aaf .portfolio-item .caption .subtitle p { white-space: initial; overflow: initial; }<\/style><style>.portfolio.portfolio-grid#style-cce8aaf .portfolio-filters { text-align: center; }<\/style> <div class=\"portfolio-preloader-wrapper panel-sidebar-position-left\"> <div class=\"portfolio portfolio-grid extended-portfolio-grid no-padding portfolio-pagination-disable portfolio-style-justified background-style-white title-style-light hover-disabled title-on-hover hover-elements-size-default version-alternative caption-position-hover no-gaps hover-title columns-4 columns-tablet-2 columns-mobile-1 disable-isotope disable-bottom-margin minimal-preloader \" id=\"style-cce8aaf\" data-style-uid=\"cce8aaf\" data-portfolio-uid=\"grid_9e23015\" data-current-page=\"1\" data-per-page=\"8\" data-next-page=\"0\" data-pages-count=\"1\" data-hover=\"disabled\" data-portfolio-filter=\"[]\" data-portfolio-filter-attributes=\"null\" data-portfolio-filter-search=\"\"> <div class=\"portfolio-row-outer \"> <div class=\"portfolio-top-panel selected-only\"> <div class=\"portfolio-filter-item portfolio-selected-filters left\"> <div class=\"portfolio-selected-filter-item clear-filters\"> Clear Filters\t<\/div> <\/div> <\/div> <div class=\"row portfolio-row\"> <div class=\"portfolio-set clearfix\" data-max-row-height=\"280\"> <div class=\"portfolio-item gif-on-hover col-xs-12 col-sm-6 col-md-3 portfolio-item-template without-title appearance-type-animated_gif post-10929 thegem_pf_item type-thegem_pf_item status-publish\" data-default-sort=\"0\" data-sort-date=\"1710233193\"> <div class=\"wrap clearfix\"> <div class=\"image post-10929 thegem_pf_item type-thegem_pf_item status-publish\"> <div class=\"image-inner \"> <img width=\"800\" height=\"600\" class=\"gem-gif-portfolio\" src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Animography-011.gif\" > <img class=\"gem-gif-poster\" src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/gif-5.png\"> <svg class=\"gif-type-icon\" enable-background=\"new 0 0 9 5\" viewBox=\"0 0 9 5\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path clip-rule=\"evenodd\" d=\"m8.1 0h-7.2c-.5 0-.9.4-.9.9v3.2c0 .5.4.9.9.9h7.2c.5 0 .9-.4.9-.9v-3.2c0-.5-.4-.9-.9-.9zm-4.6 1.8h-1.7v1.5h1v-.8h.8v1c-.1.3-.3.5-.6.5h-1.5c-.3 0-.5-.2-.5-.5v-2c0-.2.2-.5.5-.5h1.5c.3 0 .5.2.5.5zm1.5 2.2h-.7v-3h.7zm3-2.2h-1.5v.5h1v.7h-1v1h-.7v-3h2.2z\" fill-rule=\"evenodd\"\/><\/svg> <\/div> <div class=\"overlay \"> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Animography-011.gif\" target=\"_self\" class=\"portfolio-item-link full-image\" data-fancybox=\"thegem-portfolio\" data-elementor-open-lightbox=\"no\"> <span class=\"screen-reader-text\">GIF Project #10<\/span> <\/a> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"caption\"> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item gif-on-hover col-xs-12 col-sm-6 col-md-3 portfolio-item-template without-title appearance-type-animated_gif post-10933 thegem_pf_item type-thegem_pf_item status-publish\" data-default-sort=\"0\" data-sort-date=\"1710233275\"> <div class=\"wrap clearfix\"> <div class=\"image post-10933 thegem_pf_item type-thegem_pf_item status-publish\"> <div class=\"image-inner \"> <img width=\"800\" height=\"600\" class=\"gem-gif-portfolio\" src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Animography-008.gif\" > <img class=\"gem-gif-poster\" src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/gif-6.png\"> <svg class=\"gif-type-icon\" enable-background=\"new 0 0 9 5\" viewBox=\"0 0 9 5\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path clip-rule=\"evenodd\" d=\"m8.1 0h-7.2c-.5 0-.9.4-.9.9v3.2c0 .5.4.9.9.9h7.2c.5 0 .9-.4.9-.9v-3.2c0-.5-.4-.9-.9-.9zm-4.6 1.8h-1.7v1.5h1v-.8h.8v1c-.1.3-.3.5-.6.5h-1.5c-.3 0-.5-.2-.5-.5v-2c0-.2.2-.5.5-.5h1.5c.3 0 .5.2.5.5zm1.5 2.2h-.7v-3h.7zm3-2.2h-1.5v.5h1v.7h-1v1h-.7v-3h2.2z\" fill-rule=\"evenodd\"\/><\/svg> <\/div> <div class=\"overlay \"> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Animography-008.gif\" target=\"_self\" class=\"portfolio-item-link full-image\" data-fancybox=\"thegem-portfolio\" data-elementor-open-lightbox=\"no\"> <span class=\"screen-reader-text\">GIF Project #11<\/span> <\/a> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"caption\"> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item gif-on-hover col-xs-12 col-sm-6 col-md-3 portfolio-item-template without-title appearance-type-animated_gif post-10934 thegem_pf_item type-thegem_pf_item status-publish\" data-default-sort=\"0\" data-sort-date=\"1710233292\"> <div class=\"wrap clearfix\"> <div class=\"image post-10934 thegem_pf_item type-thegem_pf_item status-publish\"> <div class=\"image-inner \"> <img width=\"800\" height=\"600\" class=\"gem-gif-portfolio\" src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Animography-016.gif\" > <img class=\"gem-gif-poster\" src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/gif-7.png\"> <svg class=\"gif-type-icon\" enable-background=\"new 0 0 9 5\" viewBox=\"0 0 9 5\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path clip-rule=\"evenodd\" d=\"m8.1 0h-7.2c-.5 0-.9.4-.9.9v3.2c0 .5.4.9.9.9h7.2c.5 0 .9-.4.9-.9v-3.2c0-.5-.4-.9-.9-.9zm-4.6 1.8h-1.7v1.5h1v-.8h.8v1c-.1.3-.3.5-.6.5h-1.5c-.3 0-.5-.2-.5-.5v-2c0-.2.2-.5.5-.5h1.5c.3 0 .5.2.5.5zm1.5 2.2h-.7v-3h.7zm3-2.2h-1.5v.5h1v.7h-1v1h-.7v-3h2.2z\" fill-rule=\"evenodd\"\/><\/svg> <\/div> <div class=\"overlay \"> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Animography-016.gif\" target=\"_self\" class=\"portfolio-item-link full-image\" data-fancybox=\"thegem-portfolio\" data-elementor-open-lightbox=\"no\"> <span class=\"screen-reader-text\">GIF Project #12<\/span> <\/a> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"caption\"> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item gif-on-hover col-xs-12 col-sm-6 col-md-3 portfolio-item-template without-title appearance-type-animated_gif post-10935 thegem_pf_item type-thegem_pf_item status-publish\" data-default-sort=\"0\" data-sort-date=\"1710233299\"> <div class=\"wrap clearfix\"> <div class=\"image post-10935 thegem_pf_item type-thegem_pf_item status-publish\"> <div class=\"image-inner \"> <img width=\"800\" height=\"600\" class=\"gem-gif-portfolio\" src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Animography-003.gif\" > <img class=\"gem-gif-poster\" src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/gif-8.png\"> <svg class=\"gif-type-icon\" enable-background=\"new 0 0 9 5\" viewBox=\"0 0 9 5\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path clip-rule=\"evenodd\" d=\"m8.1 0h-7.2c-.5 0-.9.4-.9.9v3.2c0 .5.4.9.9.9h7.2c.5 0 .9-.4.9-.9v-3.2c0-.5-.4-.9-.9-.9zm-4.6 1.8h-1.7v1.5h1v-.8h.8v1c-.1.3-.3.5-.6.5h-1.5c-.3 0-.5-.2-.5-.5v-2c0-.2.2-.5.5-.5h1.5c.3 0 .5.2.5.5zm1.5 2.2h-.7v-3h.7zm3-2.2h-1.5v.5h1v.7h-1v1h-.7v-3h2.2z\" fill-rule=\"evenodd\"\/><\/svg> <\/div> <div class=\"overlay \"> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Animography-003.gif\" target=\"_self\" class=\"portfolio-item-link full-image\" data-fancybox=\"thegem-portfolio\" data-elementor-open-lightbox=\"no\"> <span class=\"screen-reader-text\">GIF Project #13<\/span> <\/a> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"caption\"> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item gif-on-hover col-xs-12 col-sm-6 col-md-3 portfolio-item-template without-title appearance-type-animated_gif post-10936 thegem_pf_item type-thegem_pf_item status-publish\" data-default-sort=\"0\" data-sort-date=\"1710233322\"> <div class=\"wrap clearfix\"> <div class=\"image gif-load-on-hover post-10936 thegem_pf_item type-thegem_pf_item status-publish\"> <div class=\"image-inner \"> <img width=\"800\" height=\"600\" class=\"gem-gif-portfolio\" src=\"\" data-src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Animography-032.gif\"> <img class=\"gem-gif-poster\" src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/gif-9.png\"> <svg class=\"gif-type-icon\" enable-background=\"new 0 0 9 5\" viewBox=\"0 0 9 5\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path clip-rule=\"evenodd\" d=\"m8.1 0h-7.2c-.5 0-.9.4-.9.9v3.2c0 .5.4.9.9.9h7.2c.5 0 .9-.4.9-.9v-3.2c0-.5-.4-.9-.9-.9zm-4.6 1.8h-1.7v1.5h1v-.8h.8v1c-.1.3-.3.5-.6.5h-1.5c-.3 0-.5-.2-.5-.5v-2c0-.2.2-.5.5-.5h1.5c.3 0 .5.2.5.5zm1.5 2.2h-.7v-3h.7zm3-2.2h-1.5v.5h1v.7h-1v1h-.7v-3h2.2z\" fill-rule=\"evenodd\"\/><\/svg> <\/div> <div class=\"overlay \"> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Animography-032.gif\" target=\"_self\" class=\"portfolio-item-link full-image\" data-fancybox=\"thegem-portfolio\" data-elementor-open-lightbox=\"no\"> <span class=\"screen-reader-text\">GIF Project #14<\/span> <\/a> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"caption\"> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item gif-on-hover col-xs-12 col-sm-6 col-md-3 portfolio-item-template without-title appearance-type-animated_gif post-10937 thegem_pf_item type-thegem_pf_item status-publish\" data-default-sort=\"0\" data-sort-date=\"1710233331\"> <div class=\"wrap clearfix\"> <div class=\"image gif-load-on-hover post-10937 thegem_pf_item type-thegem_pf_item status-publish\"> <div class=\"image-inner \"> <img width=\"800\" height=\"600\" class=\"gem-gif-portfolio\" src=\"\" data-src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Animography-025.gif\"> <img class=\"gem-gif-poster\" src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/gif-10.png\"> <svg class=\"gif-type-icon\" enable-background=\"new 0 0 9 5\" viewBox=\"0 0 9 5\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path clip-rule=\"evenodd\" d=\"m8.1 0h-7.2c-.5 0-.9.4-.9.9v3.2c0 .5.4.9.9.9h7.2c.5 0 .9-.4.9-.9v-3.2c0-.5-.4-.9-.9-.9zm-4.6 1.8h-1.7v1.5h1v-.8h.8v1c-.1.3-.3.5-.6.5h-1.5c-.3 0-.5-.2-.5-.5v-2c0-.2.2-.5.5-.5h1.5c.3 0 .5.2.5.5zm1.5 2.2h-.7v-3h.7zm3-2.2h-1.5v.5h1v.7h-1v1h-.7v-3h2.2z\" fill-rule=\"evenodd\"\/><\/svg> <\/div> <div class=\"overlay \"> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Animography-025.gif\" target=\"_self\" class=\"portfolio-item-link full-image\" data-fancybox=\"thegem-portfolio\" data-elementor-open-lightbox=\"no\"> <span class=\"screen-reader-text\">GIF Project #15<\/span> <\/a> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"caption\"> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item gif-on-hover col-xs-12 col-sm-6 col-md-3 portfolio-item-template without-title appearance-type-animated_gif post-10938 thegem_pf_item type-thegem_pf_item status-publish\" data-default-sort=\"0\" data-sort-date=\"1710233379\"> <div class=\"wrap clearfix\"> <div class=\"image gif-load-on-hover post-10938 thegem_pf_item type-thegem_pf_item status-publish\"> <div class=\"image-inner \"> <img width=\"800\" height=\"600\" class=\"gem-gif-portfolio\" src=\"\" data-src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Animography-047.gif\"> <img class=\"gem-gif-poster\" src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/gif-11.png\"> <svg class=\"gif-type-icon\" enable-background=\"new 0 0 9 5\" viewBox=\"0 0 9 5\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path clip-rule=\"evenodd\" d=\"m8.1 0h-7.2c-.5 0-.9.4-.9.9v3.2c0 .5.4.9.9.9h7.2c.5 0 .9-.4.9-.9v-3.2c0-.5-.4-.9-.9-.9zm-4.6 1.8h-1.7v1.5h1v-.8h.8v1c-.1.3-.3.5-.6.5h-1.5c-.3 0-.5-.2-.5-.5v-2c0-.2.2-.5.5-.5h1.5c.3 0 .5.2.5.5zm1.5 2.2h-.7v-3h.7zm3-2.2h-1.5v.5h1v.7h-1v1h-.7v-3h2.2z\" fill-rule=\"evenodd\"\/><\/svg> <\/div> <div class=\"overlay \"> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Animography-047.gif\" target=\"_self\" class=\"portfolio-item-link full-image\" data-fancybox=\"thegem-portfolio\" data-elementor-open-lightbox=\"no\"> <span class=\"screen-reader-text\">GIF Project #16<\/span> <\/a> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"caption\"> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item gif-on-hover col-xs-12 col-sm-6 col-md-3 portfolio-item-template without-title appearance-type-animated_gif post-10939 thegem_pf_item type-thegem_pf_item status-publish\" data-default-sort=\"0\" data-sort-date=\"1710233389\"> <div class=\"wrap clearfix\"> <div class=\"image gif-load-on-hover post-10939 thegem_pf_item type-thegem_pf_item status-publish\"> <div class=\"image-inner \"> <img width=\"800\" height=\"600\" class=\"gem-gif-portfolio\" src=\"\" data-src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Animography-033.gif\"> <img class=\"gem-gif-poster\" src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/gif-4.png\"> <svg class=\"gif-type-icon\" enable-background=\"new 0 0 9 5\" viewBox=\"0 0 9 5\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path clip-rule=\"evenodd\" d=\"m8.1 0h-7.2c-.5 0-.9.4-.9.9v3.2c0 .5.4.9.9.9h7.2c.5 0 .9-.4.9-.9v-3.2c0-.5-.4-.9-.9-.9zm-4.6 1.8h-1.7v1.5h1v-.8h.8v1c-.1.3-.3.5-.6.5h-1.5c-.3 0-.5-.2-.5-.5v-2c0-.2.2-.5.5-.5h1.5c.3 0 .5.2.5.5zm1.5 2.2h-.7v-3h.7zm3-2.2h-1.5v.5h1v.7h-1v1h-.7v-3h2.2z\" fill-rule=\"evenodd\"\/><\/svg> <\/div> <div class=\"overlay \"> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Animography-033.gif\" target=\"_self\" class=\"portfolio-item-link full-image\" data-fancybox=\"thegem-portfolio\" data-elementor-open-lightbox=\"no\"> <span class=\"screen-reader-text\">GIF Project #17<\/span> <\/a> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"caption\"> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div><!-- .portflio-set --> <div class=\"portfolio-item-size-container\"> <div class=\"portfolio-item col-xs-12 col-sm-6 col-md-3 portfolio-item-template without-title appearance-type-featured_image post-10939 thegem_pf_item type-thegem_pf_item status-publish\"> <\/div> <\/div> <\/div><!-- .row--> <\/div><!-- .full-width --> <\/div><!-- .portfolio--> <\/div><!-- .portfolio-preloader-wrapper-->[\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1679581701398{margin-bottom: 0px !important;}&#8221;][vc_column css=&#8221;.vc_custom_1680012581810{padding-top: 125px !important;padding-bottom: 95px !important;}&#8221; tablet_padding_top=&#8221;100&#8243; tablet_padding_bottom=&#8221;70&#8243; mobile_padding_bottom=&#8221;45&#8243; mobile_padding_top=&#8221;80&#8243;]<div class=\"thegem-te-heading thegem-custom-69e9a3824b9322485\" ><div id=\"thegem-heading-69e9a3824b8c2\" class=\"thegem-heading title-h1\" style=\"text-align: center;\" ><span class=\"colored\" style=\"color: #24262e;\">Autoplay Example<\/span><\/div><style type=\"text\/css\">#thegem-heading-69e9a3824b8c2 {margin: 0;}#thegem-heading-69e9a3824b8c2 {margin-left: auto; margin-right: auto;}#thegem-heading-69e9a3824b8c2 > * {justify-content: center;}#thegem-heading-69e9a3824b8c2 {letter-spacing: 0px;}#thegem-heading-69e9a3824b8c2, #thegem-heading-69e9a3824b8c2 .light {text-transform: none;}#thegem-heading-69e9a3824b8c2 a:hover, #thegem-heading-69e9a3824b8c2 a:hover span.colored {color: var(--thegem-to-menu-level1-color-hover, #00BCD4) !important;}<\/style><\/div><style>@media screen and (max-width: 1023px) {.thegem-te-heading.thegem-custom-69e9a3824b9322485{display: block!important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-69e9a3824b9322485{display: block!important;}}@media screen and (max-width: 1023px) {.thegem-te-heading.thegem-custom-69e9a3824b9322485{position: relative !important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-69e9a3824b9322485{position: relative !important;}}<\/style><div class=\"clearboth\"><\/div><style>#thegem-divider-69e9a3824b94d {margin-top: 40px !important;}@media screen and (max-width: 767px) {#thegem-divider-69e9a3824b94d {margin-top: 20px !important;}}<\/style><div id=\"thegem-divider-69e9a3824b94d\" class=\"gem-divider  \" style=\"\" ><\/div><div class=\"thegem-te-heading thegem-custom-69e9a3824ba056794\" ><div id=\"thegem-heading-69e9a3824b9a4\" class=\"thegem-heading styled-subtitle\" style=\"text-align: center;\" ><span>Alternatively you can set the GIF animations to autoplay. In this way you can create cool mixed portfolio showcases with static and animated items.<\/span><\/div><style type=\"text\/css\">#thegem-heading-69e9a3824b9a4 {margin: 0;}#thegem-heading-69e9a3824b9a4 {margin-left: auto; margin-right: auto;}#thegem-heading-69e9a3824b9a4 > * {justify-content: center;}#thegem-heading-69e9a3824b9a4 {max-width: 760px;}#thegem-heading-69e9a3824b9a4 a:hover, #thegem-heading-69e9a3824b9a4 a:hover span.colored {color: var(--thegem-to-menu-level1-color-hover, #00BCD4) !important;}<\/style><\/div><style>@media screen and (max-width: 1023px) {.thegem-te-heading.thegem-custom-69e9a3824ba056794{display: block!important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-69e9a3824ba056794{display: block!important;}}@media screen and (max-width: 1023px) {.thegem-te-heading.thegem-custom-69e9a3824ba056794{position: relative !important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-69e9a3824ba056794{position: relative !important;}}<\/style>[\/vc_column][\/vc_row][vc_row equal_height=&#8221;yes&#8221; content_placement=&#8221;middle&#8221;][vc_column width=&#8221;1\/2&#8243; css=&#8221;.vc_custom_1679589161747{border-right-width: 1px !important;padding-top: 30px !important;padding-bottom: 30px !important;border-right-color: #dfe5e8 !important;border-right-style: solid !important;}&#8221; offset=&#8221;vc_col-lg-3 vc_col-md-3&#8243; tablet_padding_top=&#8221;15&#8243; tablet_padding_bottom=&#8221;15&#8243;]<style>.thegem-custom-69e9a3824ba2a6259 .gem-icon  {font-size: 16px;}.thegem-custom-69e9a3824ba2a6259 .gem-icon:not(.gem-simple-icon) .gem-icon-inner {width: 24px; height: 24px; line-height: 24px;}.thegem-custom-69e9a3824ba2a6259 .gem-icon.gem-simple-icon {width: 16px; height: 16px; line-height: 16px;}.gem-infotext.thegem-custom-69e9a3824ba2a6259 .gem-infotext-icon {margin-top:-2px !important;}.gem-infotext.thegem-custom-69e9a3824ba2a6259 .gem-infotext-icon {margin-right:8px !important;}.gem-infotext.thegem-custom-69e9a3824ba2a6259 .title-customize {color:#24262e !important;}.gem-infotext.thegem-custom-69e9a3824ba2a6259 .title-customize {letter-spacing:0px !important;}.gem-infotext.thegem-custom-69e9a3824ba2a6259 .title-customize {text-transform:none !important;}.gem-infotext.thegem-custom-69e9a3824ba2a6259 .subtitle-customize {color:#24262e !important;}.gem-infotext.thegem-custom-69e9a3824ba2a6259 .subtitle-customize {letter-spacing:0px !important;}.gem-infotext.thegem-custom-69e9a3824ba2a6259 .subtitle-customize {text-transform:none !important;}<\/style><div class=\"gem-infotext alignment-center thegem-custom-69e9a3824ba2a6259\"> <div class=\"gem-infotext-wrap position--top horizonal--center \"> <div class=\"gem-infotext\"> <div class=\"gem-infotext__title\"> <div class=\"title-customize title-default\" style=\"text-align:center;\"> Date <\/div> <\/div> <div class=\"gem-infotext__subtitle\"> <div class=\"subtitle-customize title-default light\" style=\"text-align:center;\"> May - August, 2023 <\/div> <\/div> <\/div> <\/div> <\/div>[\/vc_column][vc_column width=&#8221;1\/2&#8243; css=&#8221;.vc_custom_1679589173168{border-right-width: 1px !important;padding-top: 30px !important;padding-bottom: 30px !important;border-right-color: #dfe5e8 !important;border-right-style: solid !important;}&#8221; offset=&#8221;vc_col-lg-3 vc_col-md-3&#8243; tablet_padding_top=&#8221;15&#8243; tablet_padding_bottom=&#8221;15&#8243;]<style>.thegem-custom-69e9a3824baaa2230 .gem-icon  {font-size: 16px;}.thegem-custom-69e9a3824baaa2230 .gem-icon:not(.gem-simple-icon) .gem-icon-inner {width: 24px; height: 24px; line-height: 24px;}.thegem-custom-69e9a3824baaa2230 .gem-icon.gem-simple-icon {width: 16px; height: 16px; line-height: 16px;}.gem-infotext.thegem-custom-69e9a3824baaa2230 .gem-infotext-icon {margin-top:-2px !important;}.gem-infotext.thegem-custom-69e9a3824baaa2230 .gem-infotext-icon {margin-right:8px !important;}.gem-infotext.thegem-custom-69e9a3824baaa2230 .title-customize {color:#24262e !important;}.gem-infotext.thegem-custom-69e9a3824baaa2230 .title-customize {letter-spacing:0px !important;}.gem-infotext.thegem-custom-69e9a3824baaa2230 .title-customize {text-transform:none !important;}.gem-infotext.thegem-custom-69e9a3824baaa2230 .subtitle-customize {color:#24262e !important;}.gem-infotext.thegem-custom-69e9a3824baaa2230 .subtitle-customize {letter-spacing:0px !important;}.gem-infotext.thegem-custom-69e9a3824baaa2230 .subtitle-customize {text-transform:none !important;}<\/style><div class=\"gem-infotext alignment-center thegem-custom-69e9a3824baaa2230\"> <div class=\"gem-infotext-wrap position--top horizonal--center \"> <div class=\"gem-infotext\"> <div class=\"gem-infotext__title\"> <div class=\"title-customize title-default\" style=\"text-align:center;\"> Authors <\/div> <\/div> <div class=\"gem-infotext__subtitle\"> <div class=\"subtitle-customize title-default light\" style=\"text-align:center;\"> Animography <\/div> <\/div> <\/div> <\/div> <\/div>[\/vc_column][vc_column width=&#8221;1\/2&#8243; css=&#8221;.vc_custom_1679589183103{border-right-width: 1px !important;padding-top: 30px !important;padding-bottom: 30px !important;border-right-color: #dfe5e8 !important;border-right-style: solid !important;}&#8221; offset=&#8221;vc_col-lg-3 vc_col-md-3&#8243; tablet_padding_top=&#8221;15&#8243; tablet_padding_bottom=&#8221;15&#8243;]<style>.thegem-custom-69e9a3824bb359203 .gem-icon  {font-size: 16px;}.thegem-custom-69e9a3824bb359203 .gem-icon:not(.gem-simple-icon) .gem-icon-inner {width: 24px; height: 24px; line-height: 24px;}.thegem-custom-69e9a3824bb359203 .gem-icon.gem-simple-icon {width: 16px; height: 16px; line-height: 16px;}.gem-infotext.thegem-custom-69e9a3824bb359203 .gem-infotext-icon {margin-top:-2px !important;}.gem-infotext.thegem-custom-69e9a3824bb359203 .gem-infotext-icon {margin-right:8px !important;}.gem-infotext.thegem-custom-69e9a3824bb359203 .title-customize {color:#24262e !important;}.gem-infotext.thegem-custom-69e9a3824bb359203 .title-customize {letter-spacing:0px !important;}.gem-infotext.thegem-custom-69e9a3824bb359203 .title-customize {text-transform:none !important;}.gem-infotext.thegem-custom-69e9a3824bb359203 .subtitle-customize {color:#24262e !important;}.gem-infotext.thegem-custom-69e9a3824bb359203 .subtitle-customize {letter-spacing:0px !important;}.gem-infotext.thegem-custom-69e9a3824bb359203 .subtitle-customize {text-transform:none !important;}<\/style><div class=\"gem-infotext alignment-center thegem-custom-69e9a3824bb359203\"> <div class=\"gem-infotext-wrap position--top horizonal--center \"> <div class=\"gem-infotext\"> <div class=\"gem-infotext__title\"> <div class=\"title-customize title-default\" style=\"text-align:center;\"> Services <\/div> <\/div> <div class=\"gem-infotext__subtitle\"> <div class=\"subtitle-customize title-default light\" style=\"text-align:center;\"> Animated Typefaces <\/div> <\/div> <\/div> <\/div> <\/div>[\/vc_column][vc_column width=&#8221;1\/2&#8243; css=&#8221;.vc_custom_1679589193888{padding-top: 30px !important;padding-bottom: 30px !important;}&#8221; offset=&#8221;vc_col-lg-3 vc_col-md-3&#8243; tablet_padding_top=&#8221;15&#8243; tablet_padding_bottom=&#8221;15&#8243;]<style>.thegem-custom-69e9a3824bbaa4320 .gem-icon  {font-size: 16px;}.thegem-custom-69e9a3824bbaa4320 .gem-icon:not(.gem-simple-icon) .gem-icon-inner {width: 24px; height: 24px; line-height: 24px;}.thegem-custom-69e9a3824bbaa4320 .gem-icon.gem-simple-icon {width: 16px; height: 16px; line-height: 16px;}.gem-infotext.thegem-custom-69e9a3824bbaa4320 .gem-infotext-icon {margin-top:-2px !important;}.gem-infotext.thegem-custom-69e9a3824bbaa4320 .gem-infotext-icon {margin-right:8px !important;}.gem-infotext.thegem-custom-69e9a3824bbaa4320 .title-customize {color:#24262e !important;}.gem-infotext.thegem-custom-69e9a3824bbaa4320 a:hover .gem-infotext .title-customize {color:#24262e !important;}.gem-infotext.thegem-custom-69e9a3824bbaa4320 .title-customize {letter-spacing:0px !important;}.gem-infotext.thegem-custom-69e9a3824bbaa4320 .title-customize {text-transform:none !important;}.gem-infotext.thegem-custom-69e9a3824bbaa4320 .subtitle-customize {color:#00bcd4 !important;}.gem-infotext.thegem-custom-69e9a3824bbaa4320 a:hover .gem-infotext .subtitle-customize {color:#24262e !important;}.gem-infotext.thegem-custom-69e9a3824bbaa4320 .subtitle-customize {letter-spacing:0px !important;}.gem-infotext.thegem-custom-69e9a3824bbaa4320 .subtitle-customize {text-transform:none !important;}<\/style><div class=\"gem-infotext alignment-center thegem-custom-69e9a3824bbaa4320\"> <a href=\"#\" target=\"_self\" class=\"gem-infotext-wrap position--top horizonal--center \" > <div class=\"gem-infotext\"> <div class=\"gem-infotext__title\"> <div class=\"title-customize title-default\" style=\"text-align:center;\"> Links <\/div> <\/div> <div class=\"gem-infotext__subtitle\"> <div class=\"subtitle-customize title-default light\" style=\"text-align:center;\"> dribbble.com\/alekseivasileika <\/div> <\/div> <\/div> <\/a> <\/div>[\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1679586669378{margin-bottom: 0px !important;}&#8221;][vc_column css=&#8221;.vc_custom_1680012347025{padding-top: 70px !important;padding-bottom: 120px !important;}&#8221; tablet_padding_top=&#8221;50&#8243; tablet_padding_bottom=&#8221;70&#8243; mobile_padding_top=&#8221;25&#8243;]<style>.portfolio.portfolio-grid#style-9e2620b .portfolio-item:not(.size-item), .preloader#style-preloader-9e2620b .portfolio-item { padding: calc(42px\/2) !important; }.portfolio.portfolio-grid#style-9e2620b .portfolio-item.size-item { padding: 0 calc(42px\/2) !important; }.portfolio.portfolio-grid#style-9e2620b .portfolio-row, .preloader#style-preloader-9e2620b .skeleton-posts.portfolio-row { margin: calc(-42px\/2); }.portfolio.portfolio-grid#style-9e2620b.fullwidth-columns .portfolio-row { margin: calc(-42px\/2) 0; }.portfolio.portfolio-grid#style-9e2620b .fullwidth-block:not(.no-paddings) { padding-left: 42px; padding-right: 42px; }.portfolio.portfolio-grid#style-9e2620b .fullwidth-block .portfolio-row { padding-left: calc(42px\/2); padding-right: calc(42px\/2); }.portfolio.portfolio-grid#style-9e2620b .fullwidth-block .portfolio-top-panel { padding-left: 42px; padding-right: 42px; }.portfolio.portfolio-grid#style-9e2620b.fullwidth-columns .with-filter-sidebar .filter-sidebar { padding-left: 42px; }@media (max-width: 991px) { .portfolio.portfolio-grid#style-9e2620b .portfolio-item:not(.size-item), .preloader#style-preloader-9e2620b .portfolio-item { padding: calc(21px\/2) !important; }.portfolio.portfolio-grid#style-9e2620b .portfolio-item.size-item { padding: 0 calc(21px\/2) !important; }.portfolio.portfolio-grid#style-9e2620b .portfolio-row, .preloader#style-preloader-9e2620b .skeleton-posts.portfolio-row { margin: calc(-21px\/2); }.portfolio.portfolio-grid#style-9e2620b.fullwidth-columns .portfolio-row { margin: calc(-21px\/2) 0; }.portfolio.portfolio-grid#style-9e2620b .fullwidth-block:not(.no-paddings) { padding-left: 21px; padding-right: 21px; }.portfolio.portfolio-grid#style-9e2620b .fullwidth-block .portfolio-row { padding-left: calc(21px\/2); padding-right: calc(21px\/2); }.portfolio.portfolio-grid#style-9e2620b .fullwidth-block .portfolio-top-panel { padding-left: 21px; padding-right: 21px; }.portfolio.portfolio-grid#style-9e2620b.fullwidth-columns .with-filter-sidebar .filter-sidebar { padding-left: 21px; }}.portfolio.portfolio-grid#style-9e2620b .portfolio-item:not(.custom-ratio, .double-item) .image-inner:not(.empty) { aspect-ratio: 1.33 !important; height: auto; }.portfolio.portfolio-grid#style-9e2620b .portfolio-item .caption .title span { letter-spacing: px !important; }.portfolio.portfolio-grid#style-9e2620b .portfolio-item .caption .title span { white-space: initial; max-height: initial; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }.portfolio.portfolio-grid#style-9e2620b .portfolio-item .caption .subtitle { max-height: initial !important; }.portfolio.portfolio-grid#style-9e2620b .portfolio-item .caption .subtitle span { white-space: initial; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }.portfolio.portfolio-grid#style-9e2620b .portfolio-item .caption .subtitle a, .portfolio.portfolio-grid#style-9e2620b .portfolio-item .caption .subtitle p { white-space: initial; overflow: initial; }<\/style><style>.portfolio.portfolio-grid#style-9e2620b .portfolio-filters { text-align: center; }.portfolio.portfolio-grid#style-9e2620b .portfolio-item .image,.portfolio.portfolio-grid#style-9e2620b .portfolio-item .image .image-inner,.portfolio.portfolio-grid#style-9e2620b .portfolio-item .image .overlay,.portfolio.portfolio-grid#style-9e2620b.caption-position-hover .portfolio-item .wrap,.portfolio.portfolio-grid#style-9e2620b.caption-position-image .portfolio-item .wrap { border-radius: 5px }.portfolio.portfolio-grid#style-9e2620b.caption-position-page .portfolio-item .wrap { border-radius: 5px 5px 0 0 }<\/style> <div class=\"portfolio-preloader-wrapper panel-sidebar-position-left\"> <div class=\"portfolio portfolio-grid extended-portfolio-grid no-padding portfolio-pagination-disable portfolio-style-justified background-style-white title-style-light hover-disabled title-on-hover hover-elements-size-default version-alternative caption-position-hover loading-animation item-animation-scale hover-title columns-3 columns-tablet-2 columns-mobile-1 disable-isotope disable-bottom-margin minimal-preloader \" id=\"style-9e2620b\" data-style-uid=\"9e2620b\" data-portfolio-uid=\"grid_4fdf3dc\" data-current-page=\"1\" data-per-page=\"9\" data-next-page=\"0\" data-pages-count=\"1\" data-hover=\"disabled\" data-portfolio-filter=\"[]\" data-portfolio-filter-attributes=\"null\" data-portfolio-filter-search=\"\"> <div class=\"portfolio-row-outer \"> <div class=\"portfolio-top-panel selected-only\"> <div class=\"portfolio-filter-item portfolio-selected-filters left\"> <div class=\"portfolio-selected-filter-item clear-filters\"> Clear Filters\t<\/div> <\/div> <\/div> <div class=\"row portfolio-row\"> <div class=\"portfolio-set clearfix\" data-max-row-height=\"380\"> <div class=\"portfolio-item gif-autoplay col-xs-12 col-sm-6 col-md-4 item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10880 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710232684\"> <div class=\"wrap clearfix\"> <div class=\"image post-10880 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\"> <div class=\"image-inner \"> <picture> <source srcset=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/gif-1-01-thegem-product-justified-landscape-m.jpg 1x\" sizes=\"100vw\"> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/gif-1-01-thegem-product-justified-landscape-m.jpg\" width=\"400\" height=\"320\" class=\"attachment-thegem-product-justified-landscape-m\" alt=\"3D Abstract #1\" \/> <\/picture> <\/div> <div class=\"overlay \"> <div class=\"overlay-circle\"><\/div> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/gif-1-01.jpg\" target=\"_self\" class=\"portfolio-item-link full-image\" data-fancybox=\"thegem-portfolio\" data-elementor-open-lightbox=\"no\"> <span class=\"screen-reader-text\">3D Abstract #1<\/span> <\/a> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"caption\"> <div class=\"title title-h5\"> <span class=\" \"> 3D Abstract #1 <\/span> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item gif-autoplay col-xs-12 col-sm-6 col-md-4 item-animations-not-inited portfolio-item-template appearance-type-animated_gif post-10903 thegem_pf_item type-thegem_pf_item status-publish\" data-default-sort=\"0\" data-sort-date=\"1710232776\"> <div class=\"wrap clearfix\"> <div class=\"image post-10903 thegem_pf_item type-thegem_pf_item status-publish\"> <div class=\"image-inner \"> <img width=\"800\" height=\"600\" class=\"gem-gif-portfolio\" src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/AliNazarii-016.gif\" > <svg class=\"gif-type-icon\" enable-background=\"new 0 0 9 5\" viewBox=\"0 0 9 5\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path clip-rule=\"evenodd\" d=\"m8.1 0h-7.2c-.5 0-.9.4-.9.9v3.2c0 .5.4.9.9.9h7.2c.5 0 .9-.4.9-.9v-3.2c0-.5-.4-.9-.9-.9zm-4.6 1.8h-1.7v1.5h1v-.8h.8v1c-.1.3-.3.5-.6.5h-1.5c-.3 0-.5-.2-.5-.5v-2c0-.2.2-.5.5-.5h1.5c.3 0 .5.2.5.5zm1.5 2.2h-.7v-3h.7zm3-2.2h-1.5v.5h1v.7h-1v1h-.7v-3h2.2z\" fill-rule=\"evenodd\"\/><\/svg> <\/div> <div class=\"overlay \"> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/AliNazarii-016.gif\" target=\"_self\" class=\"portfolio-item-link full-image\" data-fancybox=\"thegem-portfolio\" data-elementor-open-lightbox=\"no\"> <span class=\"screen-reader-text\">GIF Project #2<\/span> <\/a> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"caption\"> <div class=\"title title-h5\"> <span class=\" \"> GIF Project #2 <\/span> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item gif-autoplay col-xs-12 col-sm-6 col-md-4 item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10904 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710232802\"> <div class=\"wrap clearfix\"> <div class=\"image post-10904 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\"> <div class=\"image-inner \"> <picture> <source srcset=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/gif-1-02-thegem-product-justified-landscape-m.jpg 1x\" sizes=\"100vw\"> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/gif-1-02-thegem-product-justified-landscape-m.jpg\" width=\"400\" height=\"320\" class=\"attachment-thegem-product-justified-landscape-m\" alt=\"3D Abstract #3\" \/> <\/picture> <\/div> <div class=\"overlay \"> <div class=\"overlay-circle\"><\/div> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/gif-1-02.jpg\" target=\"_self\" class=\"portfolio-item-link full-image\" data-fancybox=\"thegem-portfolio\" data-elementor-open-lightbox=\"no\"> <span class=\"screen-reader-text\">3D Abstract #3<\/span> <\/a> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"caption\"> <div class=\"title title-h5\"> <span class=\" \"> 3D Abstract #3 <\/span> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item gif-autoplay col-xs-12 col-sm-6 col-md-4 item-animations-not-inited portfolio-item-template appearance-type-animated_gif post-10905 thegem_pf_item type-thegem_pf_item status-publish\" data-default-sort=\"0\" data-sort-date=\"1710232812\"> <div class=\"wrap clearfix\"> <div class=\"image post-10905 thegem_pf_item type-thegem_pf_item status-publish\"> <div class=\"image-inner \"> <img width=\"800\" height=\"600\" class=\"gem-gif-portfolio\" src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Animography-036-1.gif\" > <svg class=\"gif-type-icon\" enable-background=\"new 0 0 9 5\" viewBox=\"0 0 9 5\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path clip-rule=\"evenodd\" d=\"m8.1 0h-7.2c-.5 0-.9.4-.9.9v3.2c0 .5.4.9.9.9h7.2c.5 0 .9-.4.9-.9v-3.2c0-.5-.4-.9-.9-.9zm-4.6 1.8h-1.7v1.5h1v-.8h.8v1c-.1.3-.3.5-.6.5h-1.5c-.3 0-.5-.2-.5-.5v-2c0-.2.2-.5.5-.5h1.5c.3 0 .5.2.5.5zm1.5 2.2h-.7v-3h.7zm3-2.2h-1.5v.5h1v.7h-1v1h-.7v-3h2.2z\" fill-rule=\"evenodd\"\/><\/svg> <\/div> <div class=\"overlay \"> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Animography-036-1.gif\" target=\"_self\" class=\"portfolio-item-link full-image\" data-fancybox=\"thegem-portfolio\" data-elementor-open-lightbox=\"no\"> <span class=\"screen-reader-text\">GIF Project #4<\/span> <\/a> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"caption\"> <div class=\"title title-h5\"> <span class=\" \"> GIF Project #4 <\/span> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item gif-autoplay col-xs-12 col-sm-6 col-md-4 item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10906 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710232825\"> <div class=\"wrap clearfix\"> <div class=\"image post-10906 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\"> <div class=\"image-inner \"> <picture> <source srcset=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/gif-1-03-thegem-product-justified-landscape-m.jpg 1x\" sizes=\"100vw\"> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/gif-1-03-thegem-product-justified-landscape-m.jpg\" width=\"400\" height=\"320\" class=\"attachment-thegem-product-justified-landscape-m\" alt=\"3D Abstract #5\" \/> <\/picture> <\/div> <div class=\"overlay \"> <div class=\"overlay-circle\"><\/div> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/gif-1-03.jpg\" target=\"_self\" class=\"portfolio-item-link full-image\" data-fancybox=\"thegem-portfolio\" data-elementor-open-lightbox=\"no\"> <span class=\"screen-reader-text\">3D Abstract #5<\/span> <\/a> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"caption\"> <div class=\"title title-h5\"> <span class=\" \"> 3D Abstract #5 <\/span> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item gif-autoplay col-xs-12 col-sm-6 col-md-4 item-animations-not-inited portfolio-item-template appearance-type-animated_gif post-10907 thegem_pf_item type-thegem_pf_item status-publish\" data-default-sort=\"0\" data-sort-date=\"1710232839\"> <div class=\"wrap clearfix\"> <div class=\"image post-10907 thegem_pf_item type-thegem_pf_item status-publish\"> <div class=\"image-inner \"> <img width=\"800\" height=\"600\" class=\"gem-gif-portfolio\" src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Animography-013-1.gif\" > <svg class=\"gif-type-icon\" enable-background=\"new 0 0 9 5\" viewBox=\"0 0 9 5\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path clip-rule=\"evenodd\" d=\"m8.1 0h-7.2c-.5 0-.9.4-.9.9v3.2c0 .5.4.9.9.9h7.2c.5 0 .9-.4.9-.9v-3.2c0-.5-.4-.9-.9-.9zm-4.6 1.8h-1.7v1.5h1v-.8h.8v1c-.1.3-.3.5-.6.5h-1.5c-.3 0-.5-.2-.5-.5v-2c0-.2.2-.5.5-.5h1.5c.3 0 .5.2.5.5zm1.5 2.2h-.7v-3h.7zm3-2.2h-1.5v.5h1v.7h-1v1h-.7v-3h2.2z\" fill-rule=\"evenodd\"\/><\/svg> <\/div> <div class=\"overlay \"> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Animography-013-1.gif\" target=\"_self\" class=\"portfolio-item-link full-image\" data-fancybox=\"thegem-portfolio\" data-elementor-open-lightbox=\"no\"> <span class=\"screen-reader-text\">GIF Project #6<\/span> <\/a> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"caption\"> <div class=\"title title-h5\"> <span class=\" \"> GIF Project #6 <\/span> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item gif-autoplay col-xs-12 col-sm-6 col-md-4 item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10908 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710232849\"> <div class=\"wrap clearfix\"> <div class=\"image post-10908 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\"> <div class=\"image-inner \"> <picture> <source srcset=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/gif-1-04-thegem-product-justified-landscape-m.jpg 1x\" sizes=\"100vw\"> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/gif-1-04-thegem-product-justified-landscape-m.jpg\" width=\"400\" height=\"320\" class=\"attachment-thegem-product-justified-landscape-m\" alt=\"3D Abstract #7\" \/> <\/picture> <\/div> <div class=\"overlay \"> <div class=\"overlay-circle\"><\/div> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/gif-1-04.jpg\" target=\"_self\" class=\"portfolio-item-link full-image\" data-fancybox=\"thegem-portfolio\" data-elementor-open-lightbox=\"no\"> <span class=\"screen-reader-text\">3D Abstract #7<\/span> <\/a> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"caption\"> <div class=\"title title-h5\"> <span class=\" \"> 3D Abstract #7 <\/span> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item gif-autoplay col-xs-12 col-sm-6 col-md-4 item-animations-not-inited portfolio-item-template appearance-type-animated_gif post-10909 thegem_pf_item type-thegem_pf_item status-publish\" data-default-sort=\"0\" data-sort-date=\"1710232867\"> <div class=\"wrap clearfix\"> <div class=\"image post-10909 thegem_pf_item type-thegem_pf_item status-publish\"> <div class=\"image-inner \"> <img width=\"800\" height=\"600\" class=\"gem-gif-portfolio\" src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Animography-022.gif\" > <svg class=\"gif-type-icon\" enable-background=\"new 0 0 9 5\" viewBox=\"0 0 9 5\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path clip-rule=\"evenodd\" d=\"m8.1 0h-7.2c-.5 0-.9.4-.9.9v3.2c0 .5.4.9.9.9h7.2c.5 0 .9-.4.9-.9v-3.2c0-.5-.4-.9-.9-.9zm-4.6 1.8h-1.7v1.5h1v-.8h.8v1c-.1.3-.3.5-.6.5h-1.5c-.3 0-.5-.2-.5-.5v-2c0-.2.2-.5.5-.5h1.5c.3 0 .5.2.5.5zm1.5 2.2h-.7v-3h.7zm3-2.2h-1.5v.5h1v.7h-1v1h-.7v-3h2.2z\" fill-rule=\"evenodd\"\/><\/svg> <\/div> <div class=\"overlay \"> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Animography-022.gif\" target=\"_self\" class=\"portfolio-item-link full-image\" data-fancybox=\"thegem-portfolio\" data-elementor-open-lightbox=\"no\"> <span class=\"screen-reader-text\">GIF Project #8<\/span> <\/a> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"caption\"> <div class=\"title title-h5\"> <span class=\" \"> GIF Project #8 <\/span> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item gif-autoplay col-xs-12 col-sm-6 col-md-4 item-animations-not-inited portfolio-item-template appearance-type-animated_gif post-10910 thegem_pf_item type-thegem_pf_item status-publish\" data-default-sort=\"0\" data-sort-date=\"1710232878\"> <div class=\"wrap clearfix\"> <div class=\"image post-10910 thegem_pf_item type-thegem_pf_item status-publish\"> <div class=\"image-inner \"> <img width=\"800\" height=\"600\" class=\"gem-gif-portfolio\" src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Animography-049.gif\" > <svg class=\"gif-type-icon\" enable-background=\"new 0 0 9 5\" viewBox=\"0 0 9 5\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path clip-rule=\"evenodd\" d=\"m8.1 0h-7.2c-.5 0-.9.4-.9.9v3.2c0 .5.4.9.9.9h7.2c.5 0 .9-.4.9-.9v-3.2c0-.5-.4-.9-.9-.9zm-4.6 1.8h-1.7v1.5h1v-.8h.8v1c-.1.3-.3.5-.6.5h-1.5c-.3 0-.5-.2-.5-.5v-2c0-.2.2-.5.5-.5h1.5c.3 0 .5.2.5.5zm1.5 2.2h-.7v-3h.7zm3-2.2h-1.5v.5h1v.7h-1v1h-.7v-3h2.2z\" fill-rule=\"evenodd\"\/><\/svg> <\/div> <div class=\"overlay \"> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Animography-049.gif\" target=\"_self\" class=\"portfolio-item-link full-image\" data-fancybox=\"thegem-portfolio\" data-elementor-open-lightbox=\"no\"> <span class=\"screen-reader-text\">GIF Project #9<\/span> <\/a> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"caption\"> <div class=\"title title-h5\"> <span class=\" \"> GIF Project #9 <\/span> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div><!-- .portflio-set --> <div class=\"portfolio-item-size-container\"> <div class=\"portfolio-item col-xs-12 col-sm-6 col-md-4 item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10910 thegem_pf_item type-thegem_pf_item status-publish\"> <\/div> <\/div> <\/div><!-- .row--> <\/div><!-- .full-width --> <\/div><!-- .portfolio--> <\/div><!-- .portfolio-preloader-wrapper-->[\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row&#8221; css=&#8221;.vc_custom_1679591427310{margin-bottom: 0px !important;background-color: #5442f0 !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}&#8221;][vc_column css=&#8221;.vc_custom_1679309113080{padding-top: 90px !important;padding-bottom: 90px !important;}&#8221;]<div class=\"thegem-te-heading thegem-custom-69e9a3825037e944\" ><div id=\"thegem-heading-69e9a382502ff\" class=\"thegem-heading title-h2\" style=\"text-align: center;\" ><span class=\"light colored\" style=\"color: #ffffff;\">Create Stunning<\/span> <span class=\"colored\" style=\"color: #ffffff;\">Animated Portfolios<\/span> <span class=\"light colored\" style=\"color: #ffffff;\">With Awesome<\/span> <span class=\"colored\" style=\"color: #ffffff;\">TheGem<\/span> <span class=\"light colored\" style=\"color: #ffffff;\">Theme!<\/span><\/div><style type=\"text\/css\">#thegem-heading-69e9a382502ff {margin: 0;}#thegem-heading-69e9a382502ff {margin-left: auto; margin-right: auto;}#thegem-heading-69e9a382502ff > * {justify-content: center;}#thegem-heading-69e9a382502ff {letter-spacing: 0px;}#thegem-heading-69e9a382502ff, #thegem-heading-69e9a382502ff .light {text-transform: none;}#thegem-heading-69e9a382502ff {max-width: 750px;}#thegem-heading-69e9a382502ff a:hover, #thegem-heading-69e9a382502ff a:hover span.colored {color: var(--thegem-to-menu-level1-color-hover, #00BCD4) !important;}<\/style><\/div><style>@media screen and (max-width: 1023px) {.thegem-te-heading.thegem-custom-69e9a3825037e944{display: block!important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-69e9a3825037e944{display: block!important;}}@media screen and (max-width: 1023px) {.thegem-te-heading.thegem-custom-69e9a3825037e944{position: relative !important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-69e9a3825037e944{position: relative !important;}}<\/style>[\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row full_width=&#8221;stretch_row&#8221; equal_height=&#8221;yes&#8221; content_placement=&#8221;middle&#8221; background_position_desktop=&#8221;right bottom&#8221; thegem_revesrse_columns_tablet=&#8221;true&#8221; thegem_revesrse_columns_mobile=&#8221;true&#8221; css=&#8221;.vc_custom_1680617031455{margin-bottom: 0px !important;padding-top: 200px !important;padding-bottom: 50px !important;background-image: url(https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/04\/video-back-1.png?id=11816) !important;background-position: center !important;background-repeat: no-repeat&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/codex-themes.com\/thegem\/blocks\/wp-json\/wp\/v2\/pages\/10816"}],"collection":[{"href":"https:\/\/codex-themes.com\/thegem\/blocks\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/codex-themes.com\/thegem\/blocks\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/codex-themes.com\/thegem\/blocks\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codex-themes.com\/thegem\/blocks\/wp-json\/wp\/v2\/comments?post=10816"}],"version-history":[{"count":121,"href":"https:\/\/codex-themes.com\/thegem\/blocks\/wp-json\/wp\/v2\/pages\/10816\/revisions"}],"predecessor-version":[{"id":11989,"href":"https:\/\/codex-themes.com\/thegem\/blocks\/wp-json\/wp\/v2\/pages\/10816\/revisions\/11989"}],"wp:attachment":[{"href":"https:\/\/codex-themes.com\/thegem\/blocks\/wp-json\/wp\/v2\/media?parent=10816"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}