Card_a| Feb 14 2023 Edit › [ sc name=”card_a” N=”•” ]
 Card_a    |   card_a Edit post - id:31775
logo
img
img1
img2
img3
  The images are defined in the page's ACF custom fields | Sourced from: "card_a" | ID: "31775"
Featured_image▷ Post id=31775

Either the Featured or the selected cardImg is called by virtue of this code in the SC: < img src="/wp-content/uploads/%%cardImg:$$post_image$$ %%"/>

Edit sc_1
sc name="card_a" N="•ABC" C="•ABC"
layer•ABC_h1 fontTitle
fontTxt
More text to explain...
card_a•ABC_h1
‹section class="wrap•ABC"›‹article class="contain•ABC   card•ABC"›EYE.jpg 
Card_a | acf_txt1: Card_a | ID=31775 | 2023-03-31 | 2023-02-14 | 2020-06-25 | 

Card image: https://iorelys.com/wp-content/uploads/488e9c62-3de2-0c0f-f7fd-5345b05076dd.jpg | 
Card_a
Content: 1.wpbb: | 2.QuoteSC: ACF_Quote 
.wrap•ABC:hover  {transition: all 0.4s; background:rgba(140,140,252,0.0); padding:4px 12px 14px 8px; border:2px solid none;}
.wrap•ABC        {height:max-content!; margin:0 0.15vw 0.15vw 0; padding:4px 12px 14px 8px; border:2px dotted rgba(120,190,235,0); overflow:hidden; border-radius:0px; transition:0.4s ease-out;}  @media (min-width:1025px) {.wrap•ABC {background:rgba(240,240,252,0.06);}}

.contain•ABC     {float:left; position:relative; top:0; left:0; width:100%; border:3px dotted teal; padding:0; overflow:hidden;} 
 @media (min-width:1025px) {.contain•ABC {padding-top:20vw;}} 
 @media (min-width:768px) and (max-width: 1025px) {.contain•ABC {padding-top:20vw;}} 
 @media only screen and (max-width:767px) {.contain•ABC {padding-top:20vw;}}


.card•ABC:hover  {opacity:0.7; transition:0.5s ease-out; box-shadow: 0px 6px 9px rgba(0,0,60,0.5);}
.card•ABC img    {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; border-radius:10px;}
.card•ABC        {opacity:1; position:relative; transition:all 0.55s ease-out; border-radius:8px; box-shadow:0px 6px 9px rgba(0,0,0,0.5);}

.info1•ABC 	{position:absolute; top:; bottom:; width:100%; height:max-content; padding:0px; background:rgba(255,255,255,0.1); border:0px dotted red;}
.info2•ABC 	{display:block; margin:auto; width:92%; height:max-content; padding:20px 10px; text-align:center; color:rgba(255,255,255,1); border:1px dotted rgba(255,255,0,0); background:rgba(255,255,255,0.05);}
sc name=”card_06n”
SC card_06n | Html is fixed, CSS is %% | Caution info_o and layer_h_o have mixed prefix
Title_06n_o
sc name=”card1″