Popsu-coloque/web/themes/custom/popsu_colloque/css/index.scss

/**
 * @file
 * Presentational styles for Drupal stark theme layout.
 *
 * It is left empty for testing purposes.
 *
 * @see https://www.drupal.org/project/drupal/issues/2349711
 */

// configs
@import "configs/var.scss";
@import "configs/mixin.scss";
@import "configs/typography.scss";
@import "configs/global.scss";

// Lib Js
@import "hamburgers/hamburgers.scss";

// Pages
@import "pages/layout.scss";
@import "pages/front.scss";
@import "pages/presentation.scss";
@import "pages/programme.scss";
@import "pages/ressources.scss";
@import "pages/informations.scss";
@import "pages/moments.scss";
@import "pages/publications.scss";

// components
@import "components/admin/edit.scss";
@import "components/admin/toolbar.scss";
@import "components/header/header.scss";
@import "components/header/sub_menu.scss";
@import "components/forms/filter.scss";
@import "components/hero.scss";
@import "components/sidebar/rs.scss";
@import "components/sidebar/role_inter.scss";
@import "components/slides/flickity.scss";
@import "components/slides/slides.scss";
@import "components/thumbnails/thumbnails.scss";
@import "components/ressources.scss";
@import "components/btn/all_btn.scss";
@import "components/footer/footer.scss";
@import "components/leaflet/custom_leaflet.scss";

article img,
.side_notes img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.side_notes{
  position: relative;
}

.side_notes > *{
  position: absolute;
  width: 300px;
}

.side_notes .d-flex {
  flex-direction: column;
}