-Flexbox-L2-
-HTML-
<body> <div> <p><img src="../images/Pex1305359.jpg" alt=""></p> <p><img src="../images/Pex712618.jpg" alt=""></p> </div> </body>
-CSS-
* { margin: 0; padding: 0; } img { width: 100%; height: 100%; object-fit: cover; } div { display: flex; flex-wrap: nowrap; justify-content: space-around; } p { flex-basis: 200px; margin: 10px; position: relative; } p:hover:after { content: ""; display: block; width: 100%; height: 100%; background: url(../images/Pex1415378.jpg) no-repeat; background-size: cover; position: absolute; top: 0; left: 0; }