/* Styles for outage image */
.outage-wrapper { width:100%; display:flex; justify-content:center; align-items:center; padding:12px 0 6px; box-sizing:border-box }
.outage-image { display:block; width:100%; max-width:100%; height:auto; object-fit:cover; border-radius:8px; }

/* Two-column layout: text left, image right */
.content-row { display:flex; gap:28px; align-items:center; }
.content-left { flex:1 1 40%; }
.content-right { flex:0 0 60%; max-width:420px; display:flex; justify-content:center; }

/* Smaller screens: stack vertically */
@media (max-width:900px) {
  .content-row { flex-direction:column-reverse; }
  .content-right, .content-left { flex:1 1 100%; }
  .content-right { margin-bottom:12px }
}

@media (max-width:600px) {
  .outage-image { max-width:95%; border-radius:6px }
  .wrap { padding:18px }
}