.card{align-items:center;background-color:#fff;border-radius:8px;display:flex;margin:20px;overflow:hidden;padding:20px;position:relative}.photo_image{border-radius:50%;flex-shrink:0;height:380px;position:relative;width:380px;z-index:2}.photo_image img{border-radius:50%;height:100%;object-fit:cover;width:100%}.card-info{background-color:#f1f1f4;border-radius:8px;bottom:10%;display:flex;flex-direction:column;justify-content:center;left:10%;padding:50px;position:absolute;right:10px;top:10%;z-index:1}.card-info h2,.card-info h3{align-self:flex-start;margin:0 0 0 230px;padding:0}.people_information{color:#0f103e;margin-left:230px}.card h2{font-size:28px;font-weight:700;margin-bottom:.5em}.card h3{font-size:22px;font-style:bold;font-weight:400}.card-info .button{align-self:center;text-align:center;width:100%}.card-info .button a{background-color:#007bff;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;margin-top:20px;padding:10px 20px;text-decoration:none}.card-info .button a:hover{background-color:#0056b3}@media (max-width:768px){.card{flex-direction:column;margin:0;padding:0;position:relative}.photo_image{height:auto;margin:0 auto;order:1;position:relative;width:45%;z-index:1}.card-info{background-color:#f1f1f4;margin-top:-50%;order:2;padding:180px 20px 20px;position:static;width:100%;z-index:0}.card-info h2,.card-info h3,.people_information{margin:0}.card-info .button{align-self:center;padding:10px 20px}}