APPLY TO OUR SCHOOL
Nice little clouds playing around in the sky. This is an example of what you can do with just a few things, a little imagination and a happy dream in your heart. I thought today we would do a happy little picture. Now let's put some happy little clouds in here.
Instructions
Use the GT Image Block
Use image a little larger than wanted text. Anything large will result in lots of padding
.super-hero on the "block"
.full-width-section on the "section"
.edge-to-edge on the section "region"
Place a BG color on the section and that's what color the transparent will be. Along with animations and BG patterns
Image Position:
The image is stamped from the middle, if you need to move it, use the following on the block level.
super-hero-image-top
super-hero-image-bottom
Opacity
On the block level
sho-5
5: 0.05,
10: 0.10,
15: 0.15,
20: 0.20,
25: 0.25,
30: 0.30,
35: 0.35,
40: 0.40,
45: 0.45,
50: 0.50,
55: 0.55,
60: 0.60,
65: 0.65,
70: 0.70,
75: 0.75,
80: 0.80,
85: 0.85,
90: 0.90,
95: 0.95,
100: 1.00
Max Height
When you can't resize the image to fill spacing use super-max-h-500 = max-height: 500px Block Level
250: 250,
300: 300,
350: 350,
400: 400,
450: 450,
500: 500,
550: 550,
600: 600,
650: 650,
700: 700
Blur
super-h-blur-20 = 20% Blur on block level
5: blur(5px),
10: blur(10px),
15: blur(15px),
20:blur(20px),
25: blur(25px)