@use 'libs/components/theme/src/lib/styles/mixins' as mixins;
@use 'libs/components/theme/src/lib/styles/variables' as *;

@include mixins.sky-host-responsive-container-xs-min() {
  .sky-page-summary-image {
    width: $sky-avatar-width;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: $sky-margin;
  }
}

@include mixins.sky-host-responsive-container-sm-min() {
  .sky-page-summary-image {
    width: $sky-avatar-width + $sky-margin-double;
    flex: 0 0 $sky-avatar-width + $sky-margin-double;
    margin: initial;
  }
}
