logo

img

img1

img2

img3

The images are defined in the page's ACF custom fields | Sourced from: "card_a" | ID: "31775"
‹section class="wrap•ABC"›‹article class="contain•ABC card•ABC"›EYE.jpg Card_a | acf_txt1: Card_a | ID=31775 | 2023-09-30 | 2023-02-14 | 2020-06-25 |
Card image: https://iorelys.com/wp-content/uploads/488e9c62-3de2-0c0f-f7fd-5345b05076dd.jpg |
.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);}