.vertical-grid {
   background-color: var(--main-0, #FFFFFF);
   border-radius: 2px;
   display: flex;
   overflow: hidden;
   position: relative;
}

.vertical-grid-container {
   display: flex;
   flex-direction: column;
   gap: 20px;
}

.vertical-grid__image-wrapper {
   flex-shrink: 0;
   overflow: hidden;
   position: relative;
   width:33.33334%
}

.vertical-grid img {
   aspect-ratio: 16 / 9;
   object-fit: cover;
   width: 100%;
   display: block;
}

.vertical-grid__content {
   display: flex;
   flex-direction: column;
   gap: 5px;
   line-height: 1.2;
   padding: 60px 80px;
   /* width: 639px; */
   width: 66.6666%;
}

.vertical-grid__time {
   color: var(--secondary-blue-1000, #009EFF);
   font-family: var(--font-family-inter, Inter), sans-serif;
   font-size: 10px;
   font-style: normal;
   font-weight: 600;
   line-height: 1.2;
   white-space: nowrap;
}

.vertical-grid__excerpt {
   color: var(--main-900, #1A1A1A);
   font-family: var(--font-family-stag, 'Stag LCG'), serif;
   font-size: 24px;
   font-style: normal;
   font-weight: 400;
   line-height: 1.2;
   transition: color 0.3s ease;
}

.vertical-grid:hover .vertical-grid__excerpt {
   color: var(--secondary-blue-1000, #009EFF);
}

.vertical-grid img {
   transition: transform 0.3s ease;
}

@media (max-width:768px) {
   .vertical-grid-container .vertical-grid {
      flex-direction: row;
      min-height: 120px;
   }
   .vertical-grid-container .vertical-grid .vertical-grid__image-wrapper {
      flex: none;
      width: 45%;
   }

   .vertical-grid-container .vertical-grid .vertical-grid__content {
      padding: 10px 20px;
      width: 55%;
      height: auto;
      justify-content: center;
   }
      
   .vertical-grid-container .vertical-grid .vertical-grid__content .vertical-grid__excerpt {
      font-size: 16px;
   }

   .vertical-grid__image-wrapper img {
      aspect-ratio: 16 / 9;
      height: 100%;
      object-fit: cover;
      width: 100%;
   }
}