{"id":663,"date":"2021-06-14T18:29:06","date_gmt":"2021-06-14T18:29:06","guid":{"rendered":"https:\/\/wordpress.org\/patterns\/?post_type=wporg-pattern&#038;p=663"},"modified":"2021-12-18T01:45:09","modified_gmt":"2021-12-18T01:45:09","slug":"offset-gallery-with-fixed-background-and-quote","status":"publish","type":"wporg-pattern","link":"https:\/\/test.wordpress.org\/patterns\/pattern\/offset-gallery-with-fixed-background-and-quote\/","title":{"rendered":"Offset gallery with fixed background and quote"},"content":{"rendered":"\n<div class=\"wp-block-cover alignfull is-light has-parallax\" style=\"padding-top:5vw;padding-right:5vw;padding-bottom:5vw;padding-left:5vw;background-image:url(https:\/\/s.w.org\/patterns\/files\/2021\/06\/Mount-Fuji-From-Hakone-Hiroaki-Takahashi-scaled.jpg)\"><span aria-hidden=\"true\" class=\"has-primary-background-color has-background-dim-40 wp-block-cover__gradient-background has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<div class=\"wp-block-columns alignfull are-vertically-aligned-top is-layout-flex wp-container-core-columns-is-layout-0e47273b wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\" style=\"padding-top:0vw;padding-right:4vw;padding-bottom:0vw;padding-left:0vw;flex-basis:72%\">\n<figure class=\"wp-block-image size-large\" style=\"border-radius:4px\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"652\" src=\"https:\/\/s.w.org\/patterns\/files\/2021\/06\/Mount-Fuji-From-Mizukubo-Hiroaki-Takahashi-1024x652.jpg\" alt=\"\" class=\"wp-image-666\" srcset=\"https:\/\/test.wordpress.org\/patterns\/files\/2021\/06\/Mount-Fuji-From-Mizukubo-Hiroaki-Takahashi-1024x652.jpg 1024w, https:\/\/test.wordpress.org\/patterns\/files\/2021\/06\/Mount-Fuji-From-Mizukubo-Hiroaki-Takahashi-300x191.jpg 300w, https:\/\/test.wordpress.org\/patterns\/files\/2021\/06\/Mount-Fuji-From-Mizukubo-Hiroaki-Takahashi-768x489.jpg 768w, https:\/\/test.wordpress.org\/patterns\/files\/2021\/06\/Mount-Fuji-From-Mizukubo-Hiroaki-Takahashi-1536x978.jpg 1536w, https:\/\/test.wordpress.org\/patterns\/files\/2021\/06\/Mount-Fuji-From-Mizukubo-Hiroaki-Takahashi.jpg 2000w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-group has-text-color has-link-color wp-elements-932085091349f0bc7c3d33443b969ce4 is-layout-flow wp-block-group-is-layout-flow\" style=\"color:#ffffff\">\n<blockquote class=\"wp-block-quote is-style-default is-layout-flow wp-block-quote-is-layout-flow\"><p><em>Aspire to be like Mt. Fuji, with such a broad and solid foundation that the strongest earthquake cannot move you, and so tall that the greatest enterprises of common men seem insignificant from your lofty perspective.<\/em><\/p><cite><strong>\u2014 Miyamoto Musashi<\/strong><\/cite><\/blockquote>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-large\" style=\"border-radius:4px\"><img loading=\"lazy\" decoding=\"async\" width=\"691\" height=\"1024\" src=\"https:\/\/s.w.org\/patterns\/files\/2021\/06\/Foot-of-Mount-Ashitaka-Hiroaki-Takahashi-691x1024.jpg\" alt=\"\" class=\"wp-image-664\" srcset=\"https:\/\/test.wordpress.org\/patterns\/files\/2021\/06\/Foot-of-Mount-Ashitaka-Hiroaki-Takahashi-691x1024.jpg 691w, https:\/\/test.wordpress.org\/patterns\/files\/2021\/06\/Foot-of-Mount-Ashitaka-Hiroaki-Takahashi-203x300.jpg 203w, https:\/\/test.wordpress.org\/patterns\/files\/2021\/06\/Foot-of-Mount-Ashitaka-Hiroaki-Takahashi-768x1138.jpg 768w, https:\/\/test.wordpress.org\/patterns\/files\/2021\/06\/Foot-of-Mount-Ashitaka-Hiroaki-Takahashi-1037x1536.jpg 1037w, https:\/\/test.wordpress.org\/patterns\/files\/2021\/06\/Foot-of-Mount-Ashitaka-Hiroaki-Takahashi.jpg 1350w\" sizes=\"auto, (max-width: 691px) 100vw, 691px\" \/><\/figure>\n<\/div>\n<\/div>\n<\/div><\/div>\n","protected":false},"author":5911429,"parent":0,"template":"","meta":{"_crdt_document":"","jetpack_post_was_ever_published":false,"wpop_keywords":"","wpop_description":"A container block with a fixed background image. Inside is an arrangement of a horizontal image and vertical image framing a quote.","wpop_viewport_width":800,"wpop_block_types":[],"wpop_locale":"en_US","wpop_wp_version":"","wpop_contains_block_types":"core\/column,core\/columns,core\/cover,core\/group,core\/image,core\/quote,core\/spacer","footnotes":""},"pattern-categories":[4,13],"pattern-keywords":[59],"wporg-pattern-flag-reason":[],"class_list":["post-663","wporg-pattern","type-wporg-pattern","status-publish","hentry","wporg-pattern-category-gallery","wporg-pattern-category-images","wporg-pattern-keyword-featured"],"category_slugs":["gallery","images"],"keyword_slugs":["featured"],"pattern_content":"<!-- wp:cover {\"url\":\"https:\/\/s.w.org\/patterns\/files\/2021\/06\/Mount-Fuji-From-Hakone-Hiroaki-Takahashi-scaled.jpg\",\"id\":665,\"hasParallax\":true,\"dimRatio\":40,\"overlayColor\":\"primary\",\"contentPosition\":\"center center\",\"isDark\":false,\"align\":\"full\",\"style\":{\"spacing\":{\"padding\":{\"top\":\"5vw\",\"right\":\"5vw\",\"bottom\":\"5vw\",\"left\":\"5vw\"}}}} -->\n<div class=\"wp-block-cover alignfull is-light has-parallax\" style=\"padding-top:5vw;padding-right:5vw;padding-bottom:5vw;padding-left:5vw;background-image:url(https:\/\/s.w.org\/patterns\/files\/2021\/06\/Mount-Fuji-From-Hakone-Hiroaki-Takahashi-scaled.jpg)\"><span aria-hidden=\"true\" class=\"has-primary-background-color has-background-dim-40 wp-block-cover__gradient-background has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container\"><!-- wp:columns {\"verticalAlignment\":\"top\",\"align\":\"full\"} -->\n<div class=\"wp-block-columns alignfull are-vertically-aligned-top\"><!-- wp:column {\"verticalAlignment\":\"top\",\"width\":\"72%\",\"style\":{\"spacing\":{\"padding\":{\"right\":\"4vw\",\"top\":\"0vw\",\"bottom\":\"0vw\",\"left\":\"0vw\"}}}} -->\n<div class=\"wp-block-column is-vertically-aligned-top\" style=\"padding-top:0vw;padding-right:4vw;padding-bottom:0vw;padding-left:0vw;flex-basis:72%\"><!-- wp:image {\"id\":666,\"sizeSlug\":\"large\",\"linkDestination\":\"none\",\"style\":{\"border\":{\"radius\":\"4px\"}}} -->\n<figure class=\"wp-block-image size-large\" style=\"border-radius:4px\"><img src=\"https:\/\/s.w.org\/patterns\/files\/2021\/06\/Mount-Fuji-From-Mizukubo-Hiroaki-Takahashi-1024x652.jpg\" alt=\"\" class=\"wp-image-666\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:spacer {\"height\":40} -->\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<!-- \/wp:spacer -->\n\n<!-- wp:group {\"style\":{\"color\":{\"text\":\"#ffffff\"},\"elements\":{\"link\":{\"color\":{\"text\":\"#ffffff\"}}}}} -->\n<div class=\"wp-block-group has-text-color has-link-color\" style=\"color:#ffffff\"><!-- wp:quote {\"className\":\"is-style-default\"} -->\n<blockquote class=\"wp-block-quote is-style-default\"><p><em>Aspire to be like Mt. Fuji, with such a broad and solid foundation that the strongest earthquake cannot move you, and so tall that the greatest enterprises of common men seem insignificant from your lofty perspective.<\/em><\/p><cite><strong>\u2014 Miyamoto Musashi<\/strong><\/cite><\/blockquote>\n<!-- \/wp:quote --><\/div>\n<!-- \/wp:group --><\/div>\n<!-- \/wp:column -->\n\n<!-- wp:column {\"verticalAlignment\":\"top\",\"width\":\"33.33%\"} -->\n<div class=\"wp-block-column is-vertically-aligned-top\" style=\"flex-basis:33.33%\"><!-- wp:spacer {\"height\":40} -->\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<!-- \/wp:spacer -->\n\n<!-- wp:image {\"id\":664,\"sizeSlug\":\"large\",\"linkDestination\":\"none\",\"style\":{\"border\":{\"radius\":\"4px\"}}} -->\n<figure class=\"wp-block-image size-large\" style=\"border-radius:4px\"><img src=\"https:\/\/s.w.org\/patterns\/files\/2021\/06\/Foot-of-Mount-Ashitaka-Hiroaki-Takahashi-691x1024.jpg\" alt=\"\" class=\"wp-image-664\" \/><\/figure>\n<!-- \/wp:image --><\/div>\n<!-- \/wp:column --><\/div>\n<!-- \/wp:columns --><\/div><\/div>\n<!-- \/wp:cover -->","favorite_count":83,"author_meta":{"name":"WordPress.org","url":"https:\/\/test.wordpress.org\/patterns\/author\/wordpressdotorg","avatar":"https:\/\/secure.gravatar.com\/avatar\/178f40079143ff7464125e4fbc88e62024a16442920a6a3d6dfa3d7e626be20d?s=64&d=mm&r=g"},"unlisted_reason":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/test.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/663","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/test.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern"}],"about":[{"href":"https:\/\/test.wordpress.org\/patterns\/wp-json\/wp\/v2\/types\/wporg-pattern"}],"author":[{"embeddable":true,"href":"https:\/\/test.wordpress.org\/patterns\/wp-json\/wp\/v2\/users\/5911429"}],"version-history":[{"count":2,"href":"https:\/\/test.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/663\/revisions"}],"predecessor-version":[{"id":9798,"href":"https:\/\/test.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/663\/revisions\/9798"}],"wp:attachment":[{"href":"https:\/\/test.wordpress.org\/patterns\/wp-json\/wp\/v2\/media?parent=663"}],"wp:term":[{"taxonomy":"wporg-pattern-category","embeddable":true,"href":"https:\/\/test.wordpress.org\/patterns\/wp-json\/wp\/v2\/pattern-categories?post=663"},{"taxonomy":"wporg-pattern-keyword","embeddable":true,"href":"https:\/\/test.wordpress.org\/patterns\/wp-json\/wp\/v2\/pattern-keywords?post=663"},{"taxonomy":"wporg-pattern-flag-reason","embeddable":true,"href":"https:\/\/test.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern-flag-reason?post=663"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}