Page History

<script async src="https://reporting.healthcarecommunities.org/Desktopmodules/CSI/CSIQUp_ETCLC/js/carousel.js"></script>

<div class="container1">
  <div class="left1">
    <img class="confluence-embedded-image image-center" height=150px draggable="false" src="https://qnetconfluence.cms.gov/download/attachments/522098634/ETCLC-Logo-FullColor-300px.jpg?version=1&modificationDate=1704461422814&api=v2" alt="" />
  </div>

  <div class="right1">
    <div class="w3-content w3-section" style="margin: auto;">
    	<img class="mySlides1" src="https://qnetconfluence.cms.gov/download/thumbnails/517474114/ca1.jpg?api=v2&nonce=1705517323754" style="width:100%" />
	    <img class="mySlides1" src="https://reporting.healthcarecommunities.org/Desktopmodules/CSI/CSIQUp_ETCLC/images/test/img_la.jpgqnetconfluence.cms.gov/download/thumbnails/517474114/ca2.jpg?api=v2&nonce=1705517319250" style="width:100%" />
      	<img class="mySlides1" src="https://qnetconfluence.cms.gov/download/thumbnails/517474114/ca3.jpg?api=v2&nonce=1705517314395" style="width:100%" />
       	<img class="mySlides1" src="https://reportingqnetconfluence.healthcarecommunitiescms.orggov/Desktopmodulesdownload/CSIthumbnails/CSIQUp_ETCLC/images/test/img_ny.jpg517474114/ca4.jpg?api=v2&nonce=1705517309761" style="width:100%" /> 
       	<img class="mySlides1" src="https://reportingqnetconfluence.healthcarecommunitiescms.orggov/Desktopmodulesdownload/CSIthumbnails/CSIQUp_ETCLC/images/test/img_chicago.jpg517474114/ca5.jpg?api=v2&nonce=1705517255144" style="width:100%" /> 
      </div>
  </div>
</div>

* {
  box-sizing: border-box;
}
 
.container1 {
  text-align: center;
  display: flex;
  align-items: center;

}

.container1 { 
  /*border : 2px solid #000;*/
  overflow:hidden;
}

.container1 div {
   min-height: 200px;
   padding: 10px;
   flex: 1;
}

.left1 {
  /*background-color: #2196F3;*/
  padding: 20px;
  float: left;
  width: 50%;
  /* The width is 20%, by default */
  margin-left: auto;
  margin-right: auto;
  
}

.right1 {
  /*background-color: #04AA6D;*/
  padding: 20px;
  float: right;
  width: 50% !important;
  
  /* The width is 20%, by default */  
}

.right1 div{
  margin: auto;
  text-align: center;
  align-items: center;

}

/* Use a media query to add a break point at 800px: */
@media screen and (max-width: 1200px) {
  .container1 {
    display: block;
  }
}
@media screen and (max-width: 1200px) {
  .left1,
  .right1 {    
    float: none;
    margin: auto;
    width: auto;
    border: 0;
    /*border-bottom: 2px solid #000;*/
  }
}

.mySlides1 {
	display: none;
}