.horizontal-card{width:100%;min-height:300px;background-color:rgba(255,255,255,.7);border-radius:1rem;padding:1rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);display:flex;flex-direction:column;border:2px solid #d1d5db}@media (min-width:768px){.horizontal-card{flex-direction:row}}.iframe-container{width:auto;height:70%;border:2px solid #d1d5db;border-radius:.5rem;display:flex;align-items:center;justify-content:center}@media (min-width:768px){.iframe-container{width:70%;height:auto}}.iframe-container iframe{width:100%;height:100%}.content-container{width:auto;height:auto;padding-left:1rem;display:flex;flex-direction:column;justify-content:center;align-items:center}@media (min-width:768px){.content-container{width:30%;height:100%}}.image-title-container{text-align:center;max-height:7rem}@media (min-width:768px){.image-title-container{max-height:24rem}}.image-title-container img{width:64px;height:64px;border-radius:50%;margin:0 auto;border:2px solid #e5e7eb}.image-title-container h2{font-size:1.5rem;font-weight:600;text-align:center;margin-top:0}.description{color:#6b7280;text-align:center;margin-top:0;flex:1}.view-button-container{display:flex;justify-content:center;margin-top:0}.view-button{width:100%;height:2rem;text-align:center;display:flex;justify-content:center;align-items:center;background-color:#d1d5db;color:#374151;padding:.5rem 1rem;border-radius:.375rem}.view-button:hover{background-color:#e5e7eb}